text` does not work when the element is `display: flex`, `display: inline-flex`, `display: grid`, `display: inline-grid`

Duplicate Issue #16778424 • See Issue #13396515

Details

Author
Adam G.
Created
Apr 6, 2018
Privacy
This issue is public.
Found in
  • Microsoft Edge
Duplicates
See progress on Bug #13396515
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

When using -webkit-background-clip: text, combined with a linear-gradient background and transparent text color to achieve a text style with gradient fill, the text does not render as expected if the same element uses display: flex, display: inline-flex, display: grid or display: inline-grid values.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Status to “Duplicate”

    • This bug has marked as duplicate. Please follow the parent issue to get new updates.

    You need to sign in to your Microsoft account to add a comment.

    Sign in