I am part of a larger team that has recently adopted UI toolkit for our products. We use WebGL modules, and recently discovered there is a critical bug with how our product displays on Safari browser specifically.
This should be 2 TextElements, one is the Title, the other is a block of content text. As you can see, something is going wrong when drawing the UI. There are 2 buttons at the bottom that should be rectangles, but they are mangled as well.
There are no unexpected errors in console. Testing the product with the same hardware but on Firefox could not reproduce, it’s specific to Safari. We have tried different configurations, but the results are the same.
What we have observed is that these arfiacts are gone after upgrading to Safari 16.0. This may require an upgrade of macOS as well. We will see if our internal QA concurs but most likely this will be marked as Won’t Fix since the solution is on Apple’s end.