You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I was trying to build a custom component and upon previewing it, realised the Headline component looks different than what local was showing. Headline component on preview looked like SiteHeadline. Upon inspecting I can see the <h1> having text-3xl but CSS for it shows font-size: var(--theme-font-size-5xl);
Couple of code isolation tests showed this happens only when using svelte's fade transitions. Further, the bug doesn't happen if there are any more instances of Headline component in page.
How to reproduce?
Attaching the custom component in question
I was trying to build a custom component and upon previewing it, realised the Headline component looks different than what local was showing. Headline component on preview looked like SiteHeadline. Upon inspecting I can see the
<h1>
havingtext-3xl
but CSS for it showsfont-size: var(--theme-font-size-5xl);
Couple of code isolation tests showed this happens only when using svelte's fade transitions. Further, the bug doesn't happen if there are any more instances of Headline component in page.
How to reproduce?
Attaching the custom component in question
Test.svelte.zip
The text was updated successfully, but these errors were encountered: