ARTICLE AD BOX
When a <dialog> element opens in safari the custom styles for <progress> element are changed. Here is an example - in Chrome the progress bar styles are unchanged but in safari they are removed when open and reappear when closed.
In the actual context where I encountered this the behavior more inconsistent with opening and closing the dialog, and sometimes the styles are reset after closing the dialog for the first time and then the pattern reverses.
I've included all the progress bar styles I'm using, but simplifying those further doesn't have any effect.
Any advice on what might be causing this or how to fix it would be really appreciated.
