Won't Fix
Last Updated: 18 Jul 2023 03:48 by ADMIN
Andrey
Created on: 03 Apr 2020 13:19
Category: KendoReact
Type: Bug Report
1
How to enable WebComponentFont icons work from inside of shadow-dom?

Steps:

1. Create web component with shadow-root.

2. Attach all.css styles behide shadow root.

3. Add compoent with icon from WebComponentIcon font.

Result:

Icon are not displayed properly.


1 comment
ADMIN
Stefan
Posted on: 06 Apr 2020 09:12

Hello, Andrey,

I can suggest checking the following thread on StackOverflow discussing the use of font icons in the shadow dom:

https://stackoverflow.com/questions/28794189/icon-fonts-in-shadow-dom

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.