search

Silind-Software / direflow

🧩 Use the best of two worlds. Create fast, performant, native Web Components using React.
https://direflow.io
MIT License
501 stars 77 forks source link

Icons in webfonts doesn't show under shadow root #34

Open SimonHoiberg opened 4 years ago

SimonHoiberg commented 4 years ago

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.

dpoerschke commented 4 years ago

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

DjolePetrovic commented 3 years ago

Any updates on this?