As pointed out by Brendan/drsassafras (https://tiki.org/forumthread69192-CSS-Compatibility-Issues?topics_offset=14), the CSS files in trunk are missing vendor prefixes that Bootstrap 4 bootstrap.css normally has. This is because the Autoprefixer script isn't being used in Tiki's current stylesheets workflow. For better browser compatibility (so we aren't supporting only the latest browser versions), it would be good to integrate an Autoprefixer script in our workflow.
I found this script, which could be helpful: https://github.com/vladkens/autoprefixer-php . Or maybe there's another solution that works for the devs who compile SCSS to CSS.
Update: I added Release Blocker category to put this on the front burner. The solution doesn't have to be the script I found, but some solution is needed for Tiki 19 to have maximum browser support.
Update 3/16/2020: This isn't fixed in my local installation; I'd like us to have another look at it.
Update 9/22/2020: This seems to be less an issue as legacy Edge and IE browser usage declines. I can't test IE10 and other instances of vendor prefixes aren't critical. I'm removing the blocker category and changing the status to pending for now, and will check again when we update to Bootstrap 5.
I added an issue on the scsphp project here - we shall see if that does any good. In the meantime i guess we have no other option but to add the js prefixfree package for now...
Seems that someone has made a PHP CSS prefixer that should work ok with leafo/scssphp compiler, some info was added here: https://github.com/leafo/scssphp/issues/610#issuecomment-459274640 - looks worth trying, i will one day if no one else gets to it first 😉
I added the js prefix free lib to 19.x for testing in r68037
filename | created | hits | comment | version | filetype | ||
---|---|---|---|---|---|---|---|
No attachments for this item |