Viijay-Kr/react-ts-css

Chained class selector does not work

Open

#179 geöffnet am 29. Okt. 2024

Auf GitHub ansehen
 (2 Kommentare) (2 Reaktionen) (1 zugewiesene Person)TypeScript (6 Forks)github user discovery
buggood first issuehelp wanted

Repository-Metriken

Stars
 (66 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Describe the bug I have a chained selector of 2 classes. Those classes doesn't aren't recognized by the extension. Says Selector my-selector does not exist in css file. Also in css file it says Selector my-selector is declared but never used

To Reproduce Steps to reproduce the behavior:

  1. Put className on an element like this:
<ul className={`${styles['custom-list']} ${styles['info-wrapper']}`} >
  1. Write css in the css file like this:
.custom-list.info-wrapper {
  color: red;
}
  1. Hover on the className in react component
  2. See error Selector 'info-wrapper' does not exist in 'styles.module.css'
  3. Hover on the class in the css file
  4. See error Selector 'custom-list.info-wrapper' is declared but it's never used

Expected behavior It should show the css properties declared in the css file

Screenshots React Component and Output image

CSS File image

Desktop:

  • OS: Ubuntu
  • Version: 22.04.5 LTS x86_64

Contributor Guide