topic Re: HTLM in popup broken in 4.27 in title in ArcGIS JavaScript Maps SDK Questions

HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Wed, 16 Aug 2023 16:16:52 GMT

I am upgrading some web maps using the JavaScript API to 4.27. The use of HTML is not working in the title with this release. No problems in the content. Any work around?

"Trail: City: Cross Street: Parking: Elevation: ft"

Re: HTLM
in popup broken in 4.27 in title

JessicaRamirez1 — Wed, 16 Aug 2023 16:18:26 GMT

try

Re: HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Wed, 16 Aug 2023 16:24:31 GMT

does not work either.

Re: HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Wed, 16 Aug 2023 16:33:22 GMT

After more testing, if I take out the bold it works. Some sort of bug?

If you use the code below, the last part " Elevation: ft" will show up on line one with "Road Information"

title: "Road Information Trail: City: Cross Street: Parking: Elevation: ft",

Re: HTLM
in popup broken in 4.27 in title

LaurenBoyd — Wed, 16 Aug 2023 18:58:17 GMT

Hi @MatthewDriscoll -

This does seem to be an issue in production at 4.27. We refactored the Popup in the next release (4.28) and it seems that this issue has been fixed. Could you please test your application with the next CDN to check that it is fixed? https://github.com/Esri/feedback-js-api-next/tree/main

Here's an example application using the next CDN showing the is respected in the title of the popup: https://codepen.io/laurenb14/pen/xxmKWvJ?editors=1000

Re: HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Wed, 16 Aug 2023 19:24:06 GMT

This fixes the new line. But the bold is messed up. "Before new line. After new line." After new line should not be bold. It's bolding everything, inside and outside of the .

It should look like this:

Before new line. not Before new line.

After new line. After new line.

Re: HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Wed, 16 Aug 2023 19:54:56 GMT

This behavior seems to happen anytime there is more then one HTML tag. I just tried it with a simple table with similar results. If I put a table header and table cells/rows, by default headers are bold and cell/row are not. But within the title of popups in esri javascript api it all takes on the bolding.

Re: HTLM
in popup broken in 4.27 in title

LaurenBoyd — Wed, 16 Aug 2023 22:14:28 GMT

Popup titles have always been bolded by default to provide visual hierarchy. So you don't need the tag in the title. However, content in the popups should respect the tag.

Re: HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Thu, 17 Aug 2023 14:36:28 GMT

Got it. I will comb through my code and figure out how I did this in 4.21 and what changed in the current version. ~~How do I bold only some of my title in 4.28? If the default is bold, do I need to change the css font weight to normal? If so do you know the selector?~~

Yep. I had changed the font weight in the CSS. All is good on 4.28. Thank you for taking the time to help me!

Re: HTLM
in popup broken in 4.27 in title

JeffreyThompson2 — Thu, 17 Aug 2023 13:55:00 GMT

If you are already writing your own HTML, why not give them a new class?

Re: HTLM
in popup broken in 4.27 in title

MatthewDriscoll — Thu, 17 Aug 2023 15:13:38 GMT

FYI featureMenuOpen does not work in 4.28. Since the documentation is not out for 4.28 I am not sure if this is changing.

view.openPopup({ features: searchResults, featureMenuOpen: true, });

topic Re: HTLM <br> in popup broken in 4.27 in title in ArcGIS JavaScript Maps SDK Questions

HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

Re: HTLM in popup broken in 4.27 in title

HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title

Re: HTLM
in popup broken in 4.27 in title