Bold HTML tags in the title is showing for pop-ups

Question

Why are Bold HTML tags in the title is showing for pop-ups? I created a pop-up in the New Map Viewer, which contains. {address}. It previews exactly as expected {address} However recently something changed in Instant Apps, this app has been in production for a while and previously showed a bold address. The Address is no longer bold, and the html tags are showing

RyanBohan · Answer

Hi @KellyHutchins,

I pulled the html right after sending in the post.  I did not think of adjusting via CSS, that is a good work around.

Thank you,

Ryan

khutchins · Answer

It's most likely due to a change in the component we use to render the popup title. We can look at addressing it for the next release. In the meantime if possible you can remove the custom HTML from the popup and we might be able to use custom CSS in the app to get the appearance you want. Is this the sidebar app?  If so you could do something like this to make the title font bold. In this example it makes it orange too just so you can easily see the styles are applied.

calcite-block {
--calcite-font-weight-medium:800;
--calcite-ui-text-1:orange;
}