Selector is never used

[neosa]

• WebStorm 2023.3.2

• Styled-components plugin version: 233.13135.92

Problem description:

I noticed a problem after updating to the latest version of Webstorm when I want to write the class some_class, for example, into the Wrapper wrapper. Webstorm shows that this class has never been used, but this is not true.

WebStorm highlights only regular tags in the style h1-h5, p, ul, etc.

const Wrapper = styled.div`
// h3 is highlighted by the editor
h3 {
color: #242628;
font-size: 20px;
font-weight: 700;
line-height: 140%;
}

     // Selector some_class is never used
.some_class {
	margin-top: 20px;
}

`

[anjeypakulnevich]

Same here. Also doesn't parse custom properties. Marks all of them as invalid and says "Cannot resolve '{customProperty}' custom property"

[anjeypakulnevich]

Any updates? Extension simply doesn't work for latest webstorm :(

[piotrd]

@jqyp @YannCebron @develar apologies for pinging you directly, but we just wanted to know whether this issue could get any attention anytime soon. If not, can you give me any hints on how to debug it and/or fix it?

I'm not specifically a Kotlin programmer, but I'm determined to fix this with your guidance.

[YannCebron]

Will ping the WS team on that.

[Vorobey31415]

This feature is in the final stages of testing and will be available in 2024.2.1 (WEB-65204 Unused CSS selector - false positives using TSX and styled-components)

[Miroxyz]

This feature is in the final stages of testing and will be available in 2024.2.1 (WEB-65204 Unused CSS selector - false positives using TSX and styled-components)

Same issue in Webstorm 2024.3.1.

[koniecznytomek]

Same after update, this is so frustrating 👎

[pd-be]

@Miroxyz @koniecznytomek I guess you need to leave feedback in IntelliJ's YouTrack issue (https://youtrack.jetbrains.com/issue/WEB-65204) to be picked up by JB's team. It doesn't work for me either, so let's make some noise there.