sveltejs/sapper

error page global style accessible in all other pages too

babakfp opened this issue · 0 comments

Describe the bug
Check out this repo. There is 2 pages routes/index.svelte and routes/_error.svelte. Run the project and you will see the "HOME PAGE" title in red color. It's because I used a global style on the _error page that is affecting the home page elements too.

To Reproduce
I did create a repo, visit https://github.com/babakfp/sapper-layouts-and-error-page-issue
There are just 2 files (routes/index.svelte and routes/_error.svelte) to worry about.

Expected behavior
I expect that the _error.svelte page acts like a real page. It isn't a real page. It's just a component.

Information about your Sapper Installation:
I copied from this repo sveltejs/sapper-template

  • Your browser: Chrome, updated to the latest version a few days ago.

Severity
In my project, I have a dynamic class and some styles for that classes. Svelte detect and removed them as unused CSS🤨😂. Also as I said, an error page must act like a page, not a component. Right now I don't know how to solve this problem and I can't ask the community because one of the admins removed me from the Discord server (for no reason 😊). It is a real project and I have a real problem please help😂.

some related issues
sveltejs/svelte#697
sveltejs/svelte#1594

Additional context
This is the component file that I have an issue with
CubeHover.zip
I'm trying to recreate this in Svelte:
https://codepen.io/babakfp/pen/PrZLdY