When display:flex is enabled, text image mask stops working.
/* display: flex; */
-webkit-background-clip: text; }
Created attachment 378080 [details]
Video of the Bug
The described behaviour is still happening for Safari 12.
Text with display:flex and background-clip is not visible.
Firefox and Chrome work as expected
Safari 14 has the same problem too. And I think it will stay that way 🤔
What's the progress on this?
Created attachment 454706 [details]
Created attachment 454711 [details]
This patch modifies the imported WPT tests. Please ensure that any changes on the tests (not coming from a WPT import) are exported to WPT. Please see https://trac.webkit.org/wiki/WPTExportProcess
Committed r291303 (248442@main): <https://commits.webkit.org/248442@main>
All reviewed patches have been landed. Closing bug and clearing flags on attachment 454711 [details].
This fix shipped with Safari 15.5 (all platforms).