direflow icon indicating copy to clipboard operation
direflow copied to clipboard

Icons in webfonts doesn't show under shadow root

Open SimonHoiberg opened this issue 4 years ago • 2 comments

Describe the bug
When using the icon pack from material icons or font awesome, icons doesn't appear when shadow root is enabled.

To reproduce
Steps to reproduce the behavior:

  1. Create a new Direflow Component with direflow-cli
  2. Use the icon-loader plugin and include 'material-icons' (description).
  3. Add an icon from material icons

Expected behavior
Icon is showing even if shadow root is enabled

Actual behavior No icon is showing, instead the text appears.
If shadow root is disabled, icon shows as expected.

Package Manager:
Issue applies for both npm and yarn

Additional context
For a reference, see the discussion in this issue.

SimonHoiberg avatar Jan 13 '20 07:01 SimonHoiberg

Hi, I have updated the demo: https://github.com/dpoerschke/iconProblemDemo/tree/master/bugreport-component

dpoerschke avatar Feb 19 '20 10:02 dpoerschke

Any updates on this?

DjolePetrovic avatar May 10 '21 11:05 DjolePetrovic