cssinjs/css-vendor

[vendor-prefixer | css-jss] width: fill-available doesn't transform in firefox

chrisands opened this issue · 4 comments

chrisands commented

Expected behavior:
When I write width: 'available' or width: 'fill-available' they should convert -moz-available and -webkit-fill-availableaccording to the browser.

Describe the bug:
In firefox, there is value -moz-available that does the same thing as -webkit-fill-available (if I'm correct). When I write width: 'available' it converts only for firefox and when I write width: 'fill-available' it converts only for chrome. I think those options should interconvertible.

Codesandbox:
https://codesandbox.io/s/inspiring-heyrovsky-13hpe

Versions (please complete the following information):

  • jss: 10.0.3
  • Browser [e.g. chrome, safari]: chrome, firefox.
  • OS [e.g. Windows, macOS]: macos
ahmed2m commented

Is there any update on this?

kof commented

Might be vendor-prefixer bug/missing feature cc @AleshaOleg

ahmed2m commented

@kof this is should be fixed with #204
Any plan on merging it soon?

kof commented

@ahmed2m we discussed implementation details in dm, @AleshaOleg has some refactoring to do there, @AleshaOleg please inform others on what needs to be done and your estimate on the timeline