Compiling Vendor Prefixes with AnyMod from SCSS to CSS Code


#1

After compiling from SCSS to CSS, the below MOD seems to not provide all of the nessesary vendor prefixes, but instead just some of them.

While I have not provided vendor prefixes to the SCSS, I expected the compiled CSS to have more vendor prefixes added automatically.

As a reference, please check the below MOD.

I pasted the rules for this selector [lllmal] {} testwise on AutoPreFixer:
https://autoprefixer.github.io/

Any advice is highly appreciated.

I hope I am not mistaken on my end. Not sure ; )

Mod: lllmal on 8P24PE

https://skysails.info/marine_performance/index.html


#2

this issue is especially important to me .

I will start to deb some IPAD Issues on Safari IOS tomorrow.

Those issues might very well be related to the way Anymod compiles the sass code into plain Css.

I do not have an ipad in my office, thus testing is a bit cumbersome .

It would be great to know if there is an error with the way sass is including Vendor prefixes when the SASS is complied !

See above for detailed Example Selector with missing Vendor prefixes please


#3

I can confirm that this is not currently a feature. However it is a great feature request and should be straightforward for us to implement it, so we will try to follow up on it quickly!


#4

Hi Stefan, we’ve added this feature. Now when you save a mod, it will add vendor prefixes :+1:

Thank you for your suggestion!


#5

Cool! Would be fabulous to have. I will have to do it manually for all mods this time :slight_smile:


#6

Also, the anymod.namespaced.a01.bootstrap-v4.1.css
makes very little use of vendor prefixes as well.

For example Display: flex; is suggested to have some vendor prefixes when it is entered into https://autoprefixer.github.io/ but there are no such rules inside of:

https://cdn.anymod.com/anymod.namespaced.a01.bootstrap-v4.1.css

Is there something I should do to improove the CSS? The reason why I am asking is I am confronted with some css issues on IPAD on Safari. And as I do not own a device of my own, I am havig some trouble to identify the cause of some css-issues I am currently facing. My CSS-Debugging is pretty much trial and error for the Ipad at the moment.

Under theese circumstances I today stumbled upon the above mentioned “problem”.
I am greateful for any advice you might be able to provide to improove vendor prefixes on the anymod-bootstrap css file. And does that css-file need improovement at all or is it fine the way it is?


#7

We probably won’t plan to autoprefix the Bootstrap file, as that is a very highly tested framework, and modifying it would lead to unexpected behavior. I would guess that your iPad compatibility problems are not being caused by Bootstrap, but of course it is possible.

It’s also worth noting that flex appears to be fully supported in iOS Safari for several years now:
https://caniuse.com/#search=flex


#8

Okay understood and agreed :wink: For sure the bootstrap-css-file will be perfect, if this is the bootstrap standard-file. I was just estranged about display:flex not having vendor prefixes while the online-autoprefixer suggested it should have them. I felt it might not be the standard file, or it still needed to be compiled. That was why I brought the topic up. Just wanted to ask about it. Okay. Basically, you were right. I was able to solve my ipad issues without adding vendor prefixes to any bootstrap selectors. Thank you again!


#9

Okay, I will need to drop you another line with regard to the vendor prefixes. And I hope I am not mistaken (again) this time ; ) This is the suprizing situation I found :

I manually added vendor Prefixes to the selector called .list-group . But as soon as I look at the rendered html result, thos vendor prefixes are NOT displayed inside the set of rules for that selector. It seems to me as though they where COMPILED AWAY by the mod? I know this sounds very strange, but… I tested my finding as far as I was able to investigate into it. Chrome should display those (vendor-prefix-)rules even if they are not relevant in destop enviromnent. I cannot see any other reason why those rules are not added to the selector, other than the MOD compiling them away, sort of ; ) No idea as to why this happens. See screenshot might help you to better work your way into this issue: