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.