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

Created on 10 April 2024, 3 months ago
Updated 10 May 2024, about 2 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

10.2 ✨

Component
RenderΒ  β†’

Last updated about 13 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.69.0 2024