Autoprefixer: backface-visibility needs -webkit- prefix for Safari OS X and iOS
backface-visibility seems to need -webkit- prefix for Safari OS X and iOS
please check the 3D flip cards halfway down the page here http://www.superpencil.com/en/work/fishisfast to confirm
PascalPixel
All 10 comments
Nope http://caniuse.com/#feat=transforms3d
ai
on 12 May 2016
Yep:
Line on caniuse repo here: https://github.com/Fyrd/caniuse/blob/master/features-json/transforms3d.json#L281
"Safari 9 is reported to still require a prefix for the related backface-visibility property."
You can manually patch it for now or just wait for them to, meanwhile autoprefixer doesn't work for this.
PascalPixel
on 13 May 2016
Ouh :( Thanks for examples and link
ai
on 14 May 2016
not only does it fail to add the prefix, but it removes the prefixed property if you manually add it. :(
vanwagonet
on 16 May 2016
@thetalecrafter just add some old Safari as temporary solution. I will be able to fix it only few days later.
ai
on 16 May 2016
@ai Thanks for the workaround!
vanwagonet
on 16 May 2016
Kinda same problem with flexbox on Safari iOS. I lost all the display:-webkit-flex …
Adding 'iOS 7' in my supported browsers solved the issue.
autoprefixer({
browsers: ['last 2 versions', 'iOS 7']
})
jkneb
on 30 May 2016
@jkneb your problem could be fixed by browserslist config https://github.com/postcss/autoprefixer#no-prefixes-in-production
ai
on 30 May 2016
Done 4e27060
Will be released in 6.4.
ai
on 26 Jul 2016
Released in 6.4.
ai
on 3 Aug 2016
Related issues
Dan503
·
25Comments
albanlorillard
·
19Comments
bardware
·
24Comments
tobiastom
·
26Comments
Unknow-max
·
27Comments
Most helpful comment
Yep:
Line on caniuse repo here: https://github.com/Fyrd/caniuse/blob/master/features-json/transforms3d.json#L281
"Safari 9 is reported to still require a prefix for the related backface-visibility property."
You can manually patch it for now or just wait for them to, meanwhile autoprefixer doesn't work for this.