Skip to content

Styling removed when opening dev tools in Brave browserΒ #5634

@RWOverdijk

Description

@RWOverdijk

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:

image

Great. Then I open dev tools and see this:

image

I'm using the brave browser. It works fine in chrome.

Logs

N/A

To Reproduce

  1. npx degit sveltejs/template
  2. npm install
  3. replace App with code snippet from above
  4. npm run dev
  5. 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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions