initializeTheming() usage with new react AppProvider broken on safari

Hi,

we recently switched from using the setGlobalTheme hook, which we used in our Confluence-embedded application within an iframe, to using AppProvider, while still calling initializeTheming() at the beginning of the application’s loading process. It works flawlessly in Firefox or Chrome. However, in Safari, an incorrect colorMode is initially loaded. For instance, if the user had previously chosen the light theme, the application loads in the dark theme. But if the user changes the theme after the application has loaded, correct theme is beeing loaded. I’ve noticed that initially the data-color-mode attribute is not being set on the HTML tag of the iframe.

Is it possible to fix that issue?

2 Likes

Hi devs? Anyone else faced the same issue?