Viijay-Kr/react-ts-css

Chained class selector does not work

Open

#179 opened on Oct 29, 2024

View on GitHub
 (2 comments) (2 reactions) (1 assignee)TypeScript (6 forks)github user discovery
buggood first issuehelp wanted

Repository metrics

Stars
 (66 stars)
PR merge metrics
 (PR metrics pending)

Description

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