Skip to content

Commit

Permalink
docs: Fix typo in FAQ
Browse files Browse the repository at this point in the history
  • Loading branch information
aklinker1 committed Dec 23, 2024
1 parent 1a72a0c commit 88ff40e
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/guide/resources/faq.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 `<head>` 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 `<head>` 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:

Expand All @@ -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 `<head>` 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 `<head>` 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 ++]
Expand Down

0 comments on commit 88ff40e

Please sign in to comment.