UI is not rendering the HTML description Properly

[victors1682]

Describe the bug
UI is not rendering the HTML description of the product properly

Steps to reproduce
Go to any PDP page

Screenshot

#evergreen
"@faststore/core": "2.1.43",

[hellofanny]

Thanks for reporting!
How are you passing this description data to this component?

[victors1682]

the descriptions are coming from the CMS

<p><span style="color: rgb(0,0,0);background-color: rgb(255,255,255);font-size: 16px;font-family: Work Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;">Our Rest Day shirt is the perfect long sleeve tee that is incredibly soft with great drape, stretch, and recovery with a vintage look.</span></p>

This is how it looks old version of Strorefront

[batzlerg]

to clarify:

the descriptions are coming from the CMS

the descriptions are coming from the product description field in the catalog data model, not the headless CMS backing FastStore.

for parity with the corresponding Store Framework component, the ProductDescription component should handle HTML text instead of assuming plaintext...whether that's the FS team's design intention or not is unclear.

[eduardoformiga]

So far this field comes from the catalog as mentioned above, and is being rendered as String inside a <p> tag (reference link). Initially, that's the intention, but I'll open this conversation with the team so that we could analyze if we can create html handles here.

[Lucaspoladore]

Giving my 2 cents here while following-up:

@hellofanny @eduardoformiga since Portal and Storeframework this is a fairly common way of utilizing product descriptions to render differently.

I'm ok with this changing and finding another way to properly render if we don't create html handles, but this should be well communicated to the community, since it's an old practice =)

[emersonlaurentino]

Hi folks, the problem here is the fact the description renders pure HTML with your tags to avoid the content stylized?

[icazevedo]

#2050 fixed this!