diff --git a/src/css/Selector.ts b/src/css/Selector.ts index b1932adba9..487b5d578e 100644 --- a/src/css/Selector.ts +++ b/src/css/Selector.ts @@ -167,7 +167,8 @@ function applySelector(blocks: Block[], node: Node, stack: Node[], toEncapsulate } else if (selector.type === 'TypeSelector') { - if (node.name !== selector.name && selector.name !== '*') return false; + // remove toLowerCase() in v2, when uppercase elements will be forbidden + if (node.name.toLowerCase() !== selector.name.toLowerCase() && selector.name !== '*') return false; } else if (selector.type === 'RefSelector') { diff --git a/test/css/samples/omit-scoping-element-uppercase/_config.js b/test/css/samples/omit-scoping-element-uppercase/_config.js new file mode 100644 index 0000000000..8ade4401cf --- /dev/null +++ b/test/css/samples/omit-scoping-element-uppercase/_config.js @@ -0,0 +1,22 @@ +export default { + cascade: false, + + warnings: [{ + message: 'P component is not defined', + loc: { + line: 2, + column: 1 + }, + end: { + line: 2, + column: 22 + }, + pos: 7, + frame: ` + 1:
this is styled
+ ^ + 3:this is styled
this is styled
+