Vscode-intelephense: "property value expected css" error when adding PHP code to HTML inline style

Created on 12 Dec 2019 · 5Comments · Source: bmewburn/vscode-intelephense

Describe the bug
When I add PHP code to inline CSS, I get the error:

property value expectedcss(css-propertyvalueexpected)

To Reproduce
Paste this example into VSCode

<?php $color = '#000'; ?>
<div style="background-color:<?= $color ?>">
    <p>Example</p>
</div>

Screenshots
css

Platform and version
Windows 10, Intelephense 1.3.3

Source

rafaucau

Most helpful comment

Disabling intelephense.diagnostics.embeddedLanguages works for me

ggedde on 14 Dec 2019

👍2 🎉1

All 5 comments

This is not an extension warning, but vscode. You can disable validation for embedded styles with setting html.validate.styles.

KapitanOczywisty on 12 Dec 2019

@KapitanOczywisty
No, disabling this option does't help.
When I disable the Intelephense extension, this error is gone

rafaucau on 12 Dec 2019

This is the same as #836 but with CSS in this case. 1.3 now has embedded language diagnostics. It involves having multiple language services working together with each only understanding the language they were written for.

The CSS language service works off a virtual document that has the php section removed which can cause it to encounter errors that would not exist in the html/css/js after the php script has been run. Does setting html.validate.styles and restarting vscode work? You can also turn off embedded language diagnostics with intelephense.diagnostics.embeddedLanguages . Tracking other solutions to this in #836 .