Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[html] CSS autocomplete not working inside style in html file #8928

Closed
motss opened this issue Jul 8, 2016 · 20 comments
Closed

[html] CSS autocomplete not working inside style in html file #8928

motss opened this issue Jul 8, 2016 · 20 comments
Assignees
Labels
html HTML support issues
Milestone

Comments

@motss
Copy link

motss commented Jul 8, 2016

  • VSCode Version: 1.3.0
  • OS Version: Windows 10 x64

Steps to Reproduce:

  1. Create a .html file and create style tag.
  2. CSS autocompletion only works on .css file but not working inside style tag of a .html file.
  3. Within a .html file only HTML related auto completion will work.
@shhdgit
Copy link

shhdgit commented Jul 8, 2016

Same situation.

@Oostwegel
Copy link

Same here!

@Tekbr
Copy link

Tekbr commented Jul 12, 2016

Same situation.

@Reedo0910
Copy link

Version: 1.3.1
Same situation.

@ecmel
Copy link

ecmel commented Jul 17, 2016

Hi,

I have a new extension which works for style tags and attributes. Also completes class attributes:

https://github.com/ecmel/vscode-html-css

I used https://github.com/Microsoft/vscode-css-languageservice for language intelligence.

From the experience gathered while writing the extension, in my opinion, vscode html support should be refactored and give html intelligence from the vscode.extension api to allow further extensions leverage the underlying html document.

@Reedo0910
Copy link

Thank you!!! Your extension really helps me a lot. It works great! And I have a few questions to ask:

  1. I find that the CSS color decorators attached to color values inside style tags in html files seem not working in vscode 1.3. May your extension help fix this problem in future updates?
  2. If there is any possibility to fix the JS autocomplete problem inside script tags in html?
    Thanks again.

在 2016年7月17日,23:19,ecmel notifications@github.com 写道:

Hi,

I have a new extension which works for style tags and attributes. Also completes class attributes:

https://github.com/ecmel/vscode-html-css

I used https://github.com/Microsoft/vscode-css-languageservice for language intelligence.

From the experience gathered while writing the extension, in my opinion, vscode html support should be refactored and give html intelligence from the vscode.extension api to allow further extensions leverage the underlying html document.


You are receiving this because you commented.
Reply to this email directly, view it on GitHub, or mute the thread.

@motss
Copy link
Author

motss commented Jul 26, 2016

Any progress in fixing this?

@egamma
Copy link
Member

egamma commented Jul 27, 2016

Sorry for the delay but there is some major rework behind this:

  • the CSS completion support was lost when we extract the CSS support into a language server. The plan is to also extract the HTML support into a language server as well that then leverages the CSS language server. This will likely take more than one iteration.
  • we will work with the typescript team on support Intellisense inside JS script tags. We will start on this during August.

@motss motss changed the title CSS and JS autocomplete not working inside style tag in html file CSS and JS autocomplete not working inside style and script tags respectively in html file Jul 27, 2016
@motss
Copy link
Author

motss commented Jul 27, 2016

@egamma Thanks for the update.

@aeschli aeschli changed the title CSS and JS autocomplete not working inside style and script tags respectively in html file [html] CSS and JS autocomplete not working inside style and script tags respectively in html file Aug 4, 2016
@aeschli aeschli added the html HTML support issues label Aug 4, 2016
@aeschli aeschli added this to the Backlog milestone Aug 4, 2016
@CatQuQ
Copy link

CatQuQ commented Aug 29, 2016

Not see the prompt in Html file write the javascript

@CatQuQ
Copy link

CatQuQ commented Aug 29, 2016

I want to vscode add the javascript prompt in the html file

@xbears
Copy link

xbears commented Sep 9, 2016

Version: 1.5.1
Same situation, waiting...

@ghost
Copy link

ghost commented Sep 29, 2016

JS doesnt work in HTML document~~
waiting...

@vitid
Copy link

vitid commented Sep 30, 2016

No reason for me to switch from the old version(0.10.6) until this is fixed...

@ghost
Copy link

ghost commented Oct 12, 2016

Also, keyboard shortcuts don't seem to work.
For example, if I use the shortcut to add a line comment, <!-- --> is stamped on the page instead of //.

@motss
Copy link
Author

motss commented Oct 12, 2016

@doplumi The new release 1.6.0 just broke the vscode commenting. Try revert back to 1.5.3 and turn off the auto update.

@ghost
Copy link

ghost commented Oct 14, 2016

@motss Still an issue on 1.6.1. What's the easiest way to downgrade, keeping all of the settings & snippets on macOS?

@motss
Copy link
Author

motss commented Oct 14, 2016

What OS you using?

On Sat, Oct 15, 2016, 1:12 AM doplumi notifications@github.com wrote:

@motss https://github.com/motss Still an issue on 1.6.1. What's the
easiest way to downgrade, keeping all of the settings & snippets?


You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub
#8928 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AKHcjyiNuGJ9rEXMIMTJR1u-RZuDdB1hks5qz7fbgaJpZM4JH62k
.

@aeschli aeschli changed the title [html] CSS and JS autocomplete not working inside style and script tags respectively in html file [html] CSS autocomplete not working inside style in html file Oct 24, 2016
@aeschli
Copy link
Contributor

aeschli commented Oct 24, 2016

CSS (styles) in HTML is now implemented, JS still needs to be done.
We will use #3465 for that.
Note that smart editing functionalty (comments, smart indent) is #11081

@perfecto25
Copy link

ecmel's terrific plugin works for HTML css support, but not in PHP files,
anyone know of a way to add CSS intellisense to PHP?

@vscodebot vscodebot bot locked and limited conversation to collaborators Nov 18, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
html HTML support issues
Projects
None yet
Development

No branches or pull requests