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 adding -webkit-fill-available #1441

Closed alexeymolchan closed 2 years ago

alexeymolchan commented 2 years ago

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

"autoprefixer": "^10.4.0",

body {
  width: stretch;
}
body {
    width: -moz-available;
    width: stretch;
}
body {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
}
[
    "last 2 Chrome versions",
    "last 2 Firefox versions",
    "last 2 Safari versions",
    "last 2 Edge versions",
    "last 2 ChromeAndroid versions",
    "last 2 iOS versions"
]
Browsers:
  Chrome for Android: 96
  Chrome: 96, 95
  Edge: 96, 95
  Firefox: 94, 93
  iOS Safari: 15, 14.5-14.8
  Safari: 15.1, 15

These browsers account for 57.67% of all users globally

At-Rules:
  @resolution: webkit

Selectors:
  ::backdrop: webkit
  :autofill: webkit
  :fullscreen: webkit

Properties:
  appearance: webkit
  backdrop-filter: webkit
  backface-visibility: webkit
  background-clip: webkit
  box-decoration-break: webkit
  clip-path: webkit
  color-adjust: webkit
  hyphens: webkit
  mask-border-outset: webkit
  mask-border-repeat: webkit
  mask-border-slice: webkit
  mask-border-source: webkit
  mask-border-width: webkit
  mask-border: webkit
  mask-clip: webkit
  mask-composite: webkit
  mask-image: webkit
  mask-origin: webkit
  mask-position: webkit
  mask-repeat: webkit
  mask-size: webkit
  mask: webkit
  text-decoration-color: webkit
  text-decoration-line: webkit
  text-decoration-skip-ink: webkit
  text-decoration-skip: webkit
  text-decoration-style: webkit
  text-decoration: webkit
  text-emphasis-color: webkit
  text-emphasis-position: webkit
  text-emphasis-style: webkit
  text-emphasis: webkit
  text-size-adjust: webkit
  user-select: webkit

Values:
  cross-fade: webkit
  element: moz
  fill-available: webkit
  fill: webkit
  fit-content: moz
  image-set: webkit
  isolate: webkit
  stretch: moz
ai commented 2 years ago

I added better MDN data to caniuse-lite https://github.com/browserslist/caniuse-lite/commit/fc45fc1ab65aaac1678d279e673daa45f8c5c512

Now let’s wait for caniuse-db release because caniuse-lite versions are synced with caniuse-db and we can’t release caniuse-lite earlier.

ai commented 2 years ago

Fixed 09f1a89

ai commented 2 years ago

Released in 10.4.2.