topic Re: Multiple TextSymbol with background that overlap have unexpected render order in ArcGIS JavaScript Maps SDK Questions

Multiple TextSymbol with background that overlap have unexpected render order

BryanMc — Wed, 14 Jun 2023 16:44:16 GMT

A TextSymbol has the ability to include a background as part of the symbol. If two TextSymbols with backgrounds overlap, the text of both symbols will be drawn on top of both backgrounds. When applying background to text I was expecting it to be treated as a single symbol object and rendered together. My goal is to have the entire symbol (text/background) stack on top of the other if overlap: Render symbol1 with background; then render symbol2 with background (and if overlaps on symbol1, the background of symbol2 would be on top of symbol1).

Since applying a background to text, it would make sense that both the text/background would stack and render together. @AnneFitz I'm hoping you might be able to provide some insight with your previous help on TextSymbol questions. Assuming this is a bug as adding different types of symbols can all overlap text.

CodePen of issue: https://codepen.io/bmcintosh/pen/wvQMaaX

Attached a few images of the examples as well.

Re: Multiple TextSymbol with background that overlap have unexpected render order

AnneFitz — Wed, 14 Jun 2023 17:58:55 GMT

Hi @BryanMc - thanks for pointing this out! It does seem like a bug - we'll take a look for the upcoming release.

Re: Multiple TextSymbol with background that overlap have unexpected render order

BryanMc — Wed, 14 Jun 2023 19:35:43 GMT

Hi @AnneFitz - thank you for the quick reply.

One new observation... If I add a text symbol, then an overlap text symbol: Issue appears; However, If I add a text symbol, then a random other graphic (line/point, etc), then the second overlap text symbol: They draw correctly. Seems like it only happens when the two textSymbol graphics are in the graphics array immediately adjacent. Wasn't an exhaustive test but wanted to mention.