vscode icon indicating copy to clipboard operation
vscode copied to clipboard

Class names in .scss files does not show on hover when @container query has a variable

Open youurt opened this issue 2 years ago • 0 comments

Does this issue occur when all extensions are disabled?: Yes

  • VS Code Version: 1.80.0
  • OS Version: macOS 13.1 (22C65)

Steps to Reproduce:

  1. Create a .scss file with.
$some-variable: 100px;

.some-class {

  &__container {
    container: some-name / inline-size;
  }

  &__foo {

    @container some-name (max-width:  #{$some-variable}) {
      padding-top: 1rem;
    }
  }

  &__bar {
    display: block;
  }
}
  1. Hover on the "bar" class. Now you will not see the concatenated class name some-class__bar.
  2. Now replace the $some-variable from the code above with 100px.
  3. Hover over the "bar" class. Now you will see the expected behaviour.
Screenshot 2023-07-07 at 12 00 00 Screenshot 2023-07-07 at 12 00 17

youurt avatar Jul 07 '23 10:07 youurt