Autosuggestion does not work in jsx files

[al-filippov]

Subject of the issue

CSS classes autosuggestion does not work in jsx files

Your environment

• VSCode 1.84.0
• HTML Class Suggestions v1.2.1
• React + vite + any jsx file

Footer.jsx

import './Footer.css';

const Footer = () => {
    const year = new Date().getFullYear();

    return (
        <footer className="my-footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
            Автор, {year}
        </footer>
    );
};

export default Footer;

Footer.css

.my-footer {
    background-color: #9c9c9c;
    height: 32px;
    color: #fff;
}

package.json

"dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.18.0",
    "bootstrap": "^5.3.2",
    "react-bootstrap": "^2.9.1",
    "react-bootstrap-icons": "^1.10.3",
    "prop-types": "^15.8.1"
}

Bootstrap added in main.jsx file

import 'bootstrap/dist/css/bootstrap.min.css';

Steps to reproduce

Try to use CSS classes autocomplete in the className attribute of any tag in any jsx file.

If I rename the file to js or tsx then autocomplete work.

Expected behaviour

Autocomplete work.

Actual behaviour

Autocomplete does not work.

[andersea]

@ultrox, does this ring a bell to you?

Possibly we need to add onLanguage:javascriptreact to the activation events.