Bug in CSS processing: out of order

  • Resolved tmobilon

    (@tmobilon)


    3 years, 6 months ago

    When i enable CSS processing, it breaks my layout. The only option that i’m using is to combine CSS files, which makes me think that maybe FVM is combining the CSS files out of order?

    This bug started after the last update: 3.1.8

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Raul P.

    (@alignak)

    When you merge the files, they may load out of order depending on other settings, or they may be in order but broken due to minification.

    Have you tried without merging?

    Thread Starter tmobilon

    (@tmobilon)

    Yes, without merging everything is fine.

    But i’ve always used this option, and it always worked fine. But since the last update (or some before that), when i merge my css, some pages break a little.

    Plugin Author Raul P.

    (@alignak)

    The issue is with your /wp-content/themes/tb/css/tb.css file.
    You are using @import rules which are deprecated and FVM was merging them in place.
    Any @import rules should be avoided for performance reasons.

    When you use @imports, these need to be the first thing on the file.
    https://www.w3.org/TR/CSS2/cascade.html#at-import

    FVM was fetching and merging the @import files in place, however, on the next version I have changed it to become prepended according to specification.

    It works when you are not minifying or merging because the browser knows that import rules need to load early, but after minification, there were no import rules… so the rules change position.

    It’s fixed on 3.1.9 please update.

    Thanks for reporting

    Thread Starter tmobilon

    (@tmobilon)

    Thanks Raul!

    I will change the order of the import rules here, too.

    Best,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Bug in CSS processing: out of order’ is closed to new replies.

Tags