-
-
Notifications
You must be signed in to change notification settings - Fork 4.7k
Description
Describe the bug
In the Brave browser opening the dev tools causes all styling to be removed. To keep it simple I just copied a code snippet from the svelte examples to make sure it wasn't just me doing something stupid.
I'm using the rollup template as described in the getting started. I replaced the very basic App.svelte with:
<style>
p {
color: purple;
font-family: 'Comic Sans MS', cursive;
font-size: 2em;
}
</style>
<p>Styled!</p>Then I run npm run dev and see this:
Great. Then I open dev tools and see this:
I'm using the brave browser. It works fine in chrome.
Logs
N/A
To Reproduce
npx degit sveltejs/templatenpm install- replace App with code snippet from above
npm run dev- Open in brave browser.
If you can demonstrate the bug using https://svelte.dev/repl, please do.
It doesn't break there.
Expected behavior
The styling should not be removed.
Stacktraces
N/A
Information about your Svelte project:
-
Your browser and the version: Brave (Version 1.16.68 Chromium: 86.0.4240.111 (Official Build) (x86_64))
-
Your operating system: MacOS (10.15.7 (19H2))
-
Svelte version/rollup: Whatever is included with the template right now. Here's the package.json file:
{
"name": "svelte-test",
"version": "1.0.0",
"scripts": {
"build": "rollup -c",
"dev": "rollup -c -w",
"start": "sirv public"
},
"devDependencies": {
"@rollup/plugin-commonjs": "^14.0.0",
"@rollup/plugin-node-resolve": "^8.0.0",
"rollup": "^2.3.4",
"rollup-plugin-livereload": "^2.0.0",
"rollup-plugin-svelte": "^6.0.0",
"rollup-plugin-terser": "^7.0.0",
"svelte": "^3.0.0"
},
"dependencies": {
"sirv-cli": "^1.0.0"
}
}Severity
I do not care that much. I don't use svelte. I just noticed it and thought I'd report it.
Additional context
N/A

