parasshah195 / webflow-sass Goto Github PK

Problem

Characters like quotation marks (', "), angle brackets (>) are encoded to HTML entities by Webflow on the published site. This is in-line with the behavior of Webflow sanitizing all text content.

The app sets styles as text content in DOM elements.

This causes the child selector and other use of ASCII characters render fine in the designer live preview, but makes those CSS rules invalid on the published site, giving a mismatched and unexpected behavior between design and production.

Solution

This is not in my control, since there doesn't seem any other way to set/apply DOM element content in Webflow by apps as of now.

Have reached out to the Webflow support team to discuss this issue. No response from them on this as of now (since the last 3 weeks).

One solution from their end would be to detect use of such special tags (like style, script, and others) on the DOM element and not encode output of those. That would be the most ideal and backwards-compatible since it wasn't require any structural or output level changes to any existing use of the Sass template and style elements.