Cornerstone generating malformed inline CSS from inactive document

Support
#1

This looks to be related to a ticket I raised a few weeks ago regarding a corrupted old footer continuing to render after it had been deleted. That issue appeared to have resolved itself and was closed, but I think the issue has now reappeared.

I’ve since been investigating a typography problem and discovered that the generated cs-inline-css contains malformed CSS which appears to be coming from an old Cornerstone document.

The generated CSS contains blocks like:

position:relative;
overflow:hidden;
min-height:600px;
.e24-e3 { ... }

position:relative;
overflow:hidden;
min-height:600px;
.e24-e28 { ... }

position:relative;
overflow:hidden;
min-height:600px;
:root { ... }

Because those declarations appear before the selectors, the browser treats the following selectors as invalid. In my case, that prevents my :root CSS variables from being parsed correctly.

I’ve spent quite a bit of time trying to isolate it and have confirmed the following:

  • The invalid Element CSS has been removed from every footer/document I can find.
  • Pro’s style cache has been cleared.
  • Other site caches have been cleared.
  • Documents have been resaved.
  • The element IDs e24-e3 and e24-e28 no longer exist anywhere in the rendered page HTML. They only appear inside the generated cs-inline-css .
  • The footer I believe these IDs originally belonged to is no longer assigned to the site. (document ID 24)

Given the previous issue where an inactive footer continued to be rendered, I’m wondering if Pro is still compiling CSS from an old or orphaned document and it is killing my header styling etc, but only for the woocommerce category pages.

I’ll provide login & URL in a secure note.