CSS attribute selectors should only match on known HTML attributes

[Gr8Gatsby]

SOMA#852

Migrated issue

notes:

Raptor template compiler should be more restrictive with attribute selector. When compiling the template, the compiler decides if an attribute will be will be passed as attribute or a property. Because of this attributes present in the template is not guaranteed to be reflected on the DOM.

Proposal

• CSS compiler should throw when transforming if an attribute selector is not part of the Global HTML Attribute list

[my-attr] {} /* throws */
[my-attr="foo"] {} /* throws */

• CSS compiler should permit known attributes on specific element

input[max] {} /* is OK */
div[max] {} /* throws */
[max] {} /* throws and report that should be more specific */