Has anyone had an issue with implementing the World Imagery Layer and Hybrid Reference Layer in Angular? I'm currently running into an issue where the labels are rendering inconsistently. Rarely, they will render as normal, i.e. white dot next to the label name, but most of the time it will render with a black box next to the label name. I have a codepen that only uses HTML and JS, and it is working as I would expect. I'm guessing there is an issue with how Angular initializes its components...maybe something to do with zone.js. Does anyone have a solution?
Links to codepen and layers
Codepen: https://codepen.io/aaron003/pen/JjQVbeg
Hybrid Reference Layer: https://www.arcgis.com/home/item.html?id=30d6b8271e1849cd9c3042060001f425
World Imagery: https://www.arcgis.com/home/item.html?id=10df2279f9684e4a9f6a7f08febac2a9
Angular Rendering
![ThomasDale_0-1726158270369.png ThomasDale_0-1726158270369.png](https://community.esri.com/t5/image/serverpage/image-id/114917i1E99F591749FD4EF/image-size/medium?v=v2&px=400)
Codepen Rendering
![ThomasDale_1-1726158308126.png ThomasDale_1-1726158308126.png](https://community.esri.com/t5/image/serverpage/image-id/114918i48008AE068E85A34/image-size/medium?v=v2&px=400)