Critical bug with Safari and UI Toolkit display

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.

Hi, it’s also something we have observed on Safari. Stay tuned.

In the mean time if you can please report a bug via Unity.

The same day reply is hugely appreciated. Will do!

What is your Safari/MacOS version?

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.

Thank you for the reply. Just for the record, here was the device details:

MacBook Pro 13-inch, M1, 2020
MacOS Monterey 12.3
Safari version: 15.4 (17613.1.17.1.6)

So it sounds like there is no solution besides telling our users to update their safari?

I would say yes.