This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.

Bug 235868

Summary: CSS3 @supports is reported as an error in edditor
Product: web Reporter: Sladex
Component: CSS EditorAssignee: Milutin Kristofic <mkristofic>
Status: NEW ---    
Severity: normal CC: stevenwdv
Priority: P4    
Version: 8.2   
Hardware: PC   
OS: Windows 7   
Issue Type: DEFECT Exception Reporter:

Description Sladex 2013-09-12 10:54:34 UTC
http://caniuse.com/#feat=css-featurequeries
http://www.w3.org/TR/css3-conditional/#at-supports

Examples:

@supports (flex-wrap: wrap) { }
Unexpected token LPAREN found
Unexpected token WS found
Unexpected token RPAREN found

@supports not (flex-wrap: wrap) { }
Unexpected token NOT found
Unexpected token LPAREN found
Comment 1 JanGen 2016-01-18 11:48:08 UTC
Stumble on this issue in production, so a fix/enhancement/support is welcome

It is a Candidate Recommendation at the moment

https://developer.mozilla.org/en-US/docs/Web/CSS/@supports
Comment 2 Sarke 2016-10-25 20:03:12 UTC
This is still an issue.

@supports is a very useful feature and I would hate to not use it simply because it breaks the syntax highlighting in the rest of the document.

It is currently supported by Chrome, Firefox, Opera, Safari (incl iOS), and Edge.

http://caniuse.com/#feat=css-supports-api
Comment 3 Eccenux 2018-10-01 12:45:35 UTC
This is now supported by all major browsers. See:
https://caniuse.com/#feat=css-featurequeries

And also `@supports` can be used safely with old browsers (as rules in `@supports` clause would be ignored e.g. by IE). Only `not` operator is not safe for IE.

See also:
https://developer.mozilla.org/en-US/docs/Web/CSS/@supports