CSS style displays in list view, when content contains inline CSS

Created on 10 April 2024, 9 months ago
Updated 24 July 2024, 5 months ago

Below image shows the issue:

Steps to reproduce

[Using vanilla install]
Create new article page and add below code in source.

[In 10.2 node source view]

<style type="text/css">.testing {
	background-color: #FFC;
	border: thin solid #CCC;
	padding: 10px;
        width:90%; 
        margin-left:5%; 
        margin-right:5%
}
</style>
<p>
    <em>Testing 123 data. &nbsp;&nbsp;</em>
</p>

View frontpage list view, notice that the CSS text is displayed like below:
.testing { background-color: #FFC; border: thin solid #CCC; padding: 10px; width:90%; margin-left:5%; margin-right:5% }
Testing 123 data.
And when inspecting the node source, commented CDATA section from the content inline style tag is not getting added anymore, like below.
In 10.2 node view source:

<style type="text/css">
.testing {
	background-color: #FFC;
	border: thin solid #CCC;
	padding: 10px;
        width:90%; 
        margin-left:5%; 
        margin-right:5%
}

</style>

In 10.1 node view source:

<style type="text/css">
/*<![CDATA[*/
.testing {
	background-color: #FFC;
	border: thin solid #CCC;
	padding: 10px;
        width:90%; 
        margin-left:5%; 
        margin-right:5%
}

/*]]>*/
</style>

Is this the correct expected behavior now?

🐛 Bug report
Status

Postponed: needs info

Version

11.0 🔥

Component
Render 

Last updated about 8 hours ago

Created by

🇺🇸United States ronald-garcia

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024