Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Parent element's unique class repeating on all the child elements

See original GitHub issue

Describe the bug

Hi As you see the parent’s class gets repeated on its all child elements. Screenshot 2021-09-10 102640 Screenshot 2021-09-10 102704

Reproduction

https://github.com/babakfp/sveltekit-unique-class-repetition

Logs

No response

System Info

System:
    OS: Windows 10 10.0.19043
    CPU: (12) x64 Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz
    Memory: 6.67 GB / 15.84 GB
  Binaries:
    Node: 14.16.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.11 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 7.22.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1023.0), Chromium (93.0.961.38)
    Internet Explorer: 11.0.19041.906



### Severity

annoyance

### Additional Information

### Severity
It won't look good for Sveltekit on v1.0 public release.

Issue Analytics

State:
Created 2 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

dominikgcommented, Sep 10, 2021

no, the svelte compiler uses css class for scoping, not attributes. vite-plugin-svelte only changes the generated value to be a hash of the filename instead of a hash of the css content.

if you have technical concerns or actual reproducible bugs i’m eager to learn more, but if this is an aesthetic issue i’m afraid thats the way it is.

0reactions

babakfpcommented, Sep 10, 2021

What if I add an attribute instead of a class? This HMR thing going to work then or not? I don’t know how it works but is it possible to use something like data-vite-hmr="FKD*%0ruj"?

@dominikg