Intelisense Is Not Working in ``<svelte:head>`` Tag

[KiddoV]

Describe the bug

Not sure if this is expected behavior, but I found that inside the <svelte:head> tag, intelisense just not working when typing or hit Ctrl + Space.

Reproduction

<svelte:head>
<style>
    .test-class {
        color: red;
    }
</style>
</svelte:head>

Cannot hover on value to see infomation.
Cannot Ctrl+Space to see the right suggestions.
etc...

Expected behaviour

Intellisense should work normally.

System Info

• OS: Windows 10
• IDE: VSCode 1.80.0

Which package is the issue about?

No response

Additional Information, eg. Screenshots

No response

[jasonlyu123]

Only top-level style tags have CSS language features. We could add the support, but since this is such a rare use case, this will be a low priority. It would be more possible to happen if someone could help us with it.

[amjadorfali]

I am currently working on a solution for this issue

[amjadorfali]

Based on what I've read so far, the current system only handles having 1 style tag in a document when checking to do any sort of logic like AutoCompletion, diagnostics...

I've tried to follow the path to auto completion, but I didn't get to a proper/full-solution yet
I might need some time on this to understand the project well.

What i got so far:

• Need to support multiple style tags in one doc
• Need to support autocompletion
• Need to support diagnostics
• Need to add test cases for svelte:head <style> tag
• Need to not break existing system :D

@jasonlyu123 Is it fine if i send in a draft first for review and help on the solution?

[jasonlyu123]

Is it fine if i send in a draft first for review and help on the solution

Sure!

[amjadorfali]

@KiddoV Sorry couldn't solve the issue

[KiddoV]

@amjadorfali Thanks for trying anyway. 🙏🏼