From 88ff40e301eaa3eb80ef2781ae622ba5e995ca44 Mon Sep 17 00:00:00 2001 From: Aaron Date: Mon, 23 Dec 2024 09:09:08 -0600 Subject: [PATCH] docs: Fix typo in FAQ --- docs/guide/resources/faq.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/guide/resources/faq.md b/docs/guide/resources/faq.md index 7945e3ca8..0c85b11f5 100644 --- a/docs/guide/resources/faq.md +++ b/docs/guide/resources/faq.md @@ -28,7 +28,7 @@ See https://wxt.dev/guide/essentials/config/browser-startup.html#persist-data ## My component library doesn't work in content scripts! -Component libraries place their CSS in the document's `` by default. When using `createShadowRoot`, your UI is isolated from the document's styles because it's inside a ShadowRoot. +Component libraries place their CSS in the document's `` by default. When using `createShadowRootUi`, your UI is isolated from the document's styles because it's inside a ShadowRoot. To fix this, you need to tell your component library to insert it's CSS inside the shadow root. Here's the docs for a couple of popular libraries: @@ -38,7 +38,7 @@ To fix this, you need to tell your component library to insert it's CSS inside t > If your library isn't listed above, try searching it's docs/issues for "shadow root", "shadow dom", or "css container". -`createShadowRoot` provides it's own `` element inside the shadow root, so that were you should tell the library to add the CSS. Here's an example with Ant Design: +`createShadowRootUi` provides it's own `` element inside the shadow root, so that were you should tell the library to add the CSS. Here's an example with Ant Design: ```tsx import { StyleProvider } from '@ant-design/cssinjs'; // [!code ++]