Autoprefixer: usage of -webkit-fill-available causes fill-available warning

[UncleClapton]

Hi, I am currently receiving the warning Replace fill-available to stretch, because spec had been changed when building my css bundle. I've traced the cause down to the css file of a dependency which uses the styles:

    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: stretch;

I believe that autoprefixer is erroneously throwing a warning for the use of -webpkit-fill-available. Removing this line resolves the issue, however since this is a dependency's css, it's not really a solution. Any ideas?

[ai]

I will try to fix it 👍

[ai]

Done 89627f3

[ai]

Released in 8.5.1. Thanks for report.

[Komald]

Hi @ai
I am still getting the warnings for -webkit-fill-available.
Here is the piece of css
height: stretch; height: -webkit-fill-available; height: -moz-available;

[ai]

@Komald

1. Check Autoprefixer version by npm ls | grep autoprefixer
2. Remove -moz-available and -webkit-fill-available from your code (not to fix issue, just because it is best practice)

[Komald]

I have just updated the module, version is 8.6.5 as per the changelog.(CHANGELOG.md)

[ai]

I will look on this weekend. Sorry, need to prepare my talk.

[Komald]

No Problem. Thanks!

[ai]

@Komald tested and didn’t get any warnings. Can you create a test project?

[Komald]

Ok. I will create and share one.

[Komald]

I tried but not able to create a pen which will reproduce the issue. Will update again if succeed.

[ai]

Maybe you accidentally had old version of Autoprefixer? Or some other dependency used old version.

[Komald]

Yeah, the dependencies could be the issue. Thanks for your help @ai