lambda-packages icon indicating copy to clipboard operation
lambda-packages copied to clipboard

🐛 BUG: <link rel="stylesheet"> inside Svelte component breaks client:visible

Open isaac-mcfadyen opened this issue 3 years ago • 1 comments

What version of astro are you using?

v1.0.0-rc.7

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

yarn

What operating system are you using?

macOS Ventura (don't think it's related)

Describe the Bug

When using a <link rel="stylesheet" ...> inside a Svelte component, client:visible seems to break.

Any component with a stylesheet anywhere inside it and using client:visible will no longer be hydrated, no matter where on the page you scroll and even if it's directly visible. Removing the stylesheet causes things to immediately work again.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-fv7dts?file=src/pages/index.astro

Participation

  • [ ] I am willing to submit a pull request for this issue.

isaac-mcfadyen avatar Aug 07 '22 15:08 isaac-mcfadyen

Thanks for opening an issue! This is a strange one, we'll have to investigate what's going on here.

natemoo-re avatar Aug 08 '22 15:08 natemoo-re