search

postcss / autoprefixer

Parse CSS and add vendor prefixes to rules by Can I Use
https://twitter.com/autoprefixer
MIT License
21.58k stars 1.25k forks source link

width: stretch not expanding to width: -moz-available #1422

Closed sudofox closed 2 years ago

sudofox commented 2 years ago

https://caniuse.com/?search=width%3A%20stretch

width: stretch is only producing:

width: -webkit-fill-available;
width: stretch;

I am expecting to also get

width: -moz-available

to support the latest version of Firefox per spec: https://developer.mozilla.org/en-US/docs/Web/CSS/width (stretch altname is -moz-available)

I am on

"autoprefixer": "^10.3.3",
ai commented 2 years ago

Seems like Autoprefixer is adding -moz-available but only for old Firefox versions.

I will check this issue tomorrow.

ai commented 2 years ago

Fixed 089ac2f

ai commented 2 years ago

The fix was released in 10.3.4

alexeymolchan commented 2 years ago

Hi there. I think you have a regression bug.

width: stretch is producing for every browser:

width: -moz-available; width: stretch;

width: -webkit-fill-available is missing for Chrome and Safari.

"autoprefixer": "^10.4.0".

screenshots attached:

Screen Shot 2022-01-04 at 13 46 20

Screen Shot 2022-01-04 at 13 46 40 Screen Shot 2022-01-04 at 13 46 30
ai commented 2 years ago

@alexeymolchan can you open a new issue with:

  1. CSS input
  2. CSS output
  3. Expected output
  4. Browserslist config and npx browserslist --info output
alexeymolchan commented 2 years ago

@ai sure - https://github.com/postcss/autoprefixer/issues/1441