Hi @anderthalb ! When you’ve mentioned that since CSS variables are ignored by IE/EDGE, do you mean that your container block (or what’s inside) settings aren’t being applied?
We’ve tried creating a sample page via sandbox and viewed it using EDGE and IE11, but we’re not able to see it. There might be a particular setup needed to see this problem.
Hope you can guide us through on how to replicate this. Thanks!
Hi @gambitph!
I create a Container Block and select an text color.
As a result i get inline styles like “–ugb-text-color:#fff;background-color:#0062AE;border-radius:0” on the wp-block-ugb-container.
CSS Variables like –ugb-text-color do not work in IE so the text will not be white in IE and i think Edge till version 14.
I hope this helps!
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables#Browser_compatibility
We’ve tested this in the sandbox by changing both the background and text color via sandbox, but the problem doesn’t happen in our end. The colors were applied properly with these versions:
Internet Explorer version 11.523.17134.0
Microsoft Edge: 42.17134.1.0 (Edge HTML 17.1734)
If you don’t mind, what’s your IE11 version and OS? Can you provide us a sample page with this issue?
In any case, I’ll let our developers know about the incompatibility so they can investigate on it further.
Heads up from our developers, Stackable should support Edge 16+, IE11 isn’t. We probably won’t fully support IE11, but we’ll provide fallback styling for the browser.
We’ve made a GitHub issue for this https://github.com/gambitph/Stackable/issues/54