RPG Cards do not generate properly in Safari

[crobi]

RPG Cards do not generate properly in Safari

[crobi]

I don't use Safari, so this might take a while.

According to this, Safari does not support unprefixed CSS flexbox, so this might be the source of the problem. It would be also consistent with the symptoms you're seeing.

I'm not sure I want to mess with prefixed CSS definitions, especially since Safari is currently the only browser that does not support unprefixed flexbox. So if the above is true and you really want this project to work in the current version of Safari, feel free to try to fix it and post a pull request.

[lotu]

It is not a big deal for me to have this work in Safari. An easy "patch"
would be to add some sort of message/pop up to Safari users letting them
know that there is a bug with rendering the cards and they can get it to
work by using Chrome or Firefox. I was quite confused/frustrated until I
decided to try RPG Cards in Chrome myself.

On Tue Feb 03 2015 at 4:47:20 AM Robert Autenrieth [email protected]
wrote:

I don't use Safari, so this might take a while.

According to this http://caniuse.com/#feat=flexbox, Safari does not
support unprefixed CSS flexbox, so this might be the source of the problem.
It would be also consistent with the symptoms you're seeing.

I'm not sure I want to mess with prefixed CSS definitions, especially
since Safari is currently the only browser that does not support unprefixed
flexbox. So if the above is true and you really want this project to work
in the current version of Safari, feel free to try to fix it and post a
pull request.

—
Reply to this email directly or view it on GitHub
#22 (comment).

[crobi]

CSS.supports('flex', '1'); can be used to detect the support for CSS flexbox.

[wereHamster]

Rather than manually adding the prefixes, it would be more robust to post-process the css file with https://github.com/postcss/autoprefixer.

[crobi]

Thanks for the hint, I will add autoprefixer as a gulp task to the next major version.

@yuvalsapir: As I won't be doing any major development on the current branch, feel free to post a pull request for your quick fix.

[crobi]

Closing as safari now supports flexbox.