CSS variables – IE

  • Resolved anderthalb

    (@anderthalb)


    5 years, 10 months ago

    Hello,
    i got Problems cause the Container Block gets inline styles (by selecting text color f.e.) using css variables which are ignored by IE and some Edge versions.

    Is it possible to add a fallback with color: too or get classes so i am able to overwrite the inline styles?

    Best regards and thanks for the plugin,
    anderthalb

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor gambitph

    (@gambitph)

    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!

    Thread Starter anderthalb

    (@anderthalb)

    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

    Plugin Contributor gambitph

    (@gambitph)

    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.

    Plugin Contributor gambitph

    (@gambitph)

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS variables – IE’ is closed to new replies.

Tags