I've got a feature layer on AGOL that users picture marker symbols for its symbology. If I enable webgl feature layer using
<SPAN class="string token">"esri-featurelayer-webgl"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN></SPAN>
then the symbols do not all render correctly though they are correct in the legend:

Disabling esri-featurelayer-webgl solves the issue but then breaks the labeling and feature highlights for popups which are required for the app I'm building here. The incorrect symbols appear as a mishmash of other symbols squished together. This is observed in both Chrome and Firefox on OS X.
Using JS API 4.8.
Any ideas here? Is this a bug in the API or something I'm doing wrong on the coding side?