diff --git a/packages/svelte/src/compiler/phases/1-parse/read/style.js b/packages/svelte/src/compiler/phases/1-parse/read/style.js index 6ccb65523d..5cde3bc3c6 100644 --- a/packages/svelte/src/compiler/phases/1-parse/read/style.js +++ b/packages/svelte/src/compiler/phases/1-parse/read/style.js @@ -183,8 +183,7 @@ function read_selector(parser, inside_pseudo_class = false) { is_global: false, is_host: false, is_root: false, - scoped: false, - selected: new Set() + scoped: false } }; } diff --git a/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js b/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js index f97122e148..3fddbfc52a 100644 --- a/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js +++ b/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js @@ -45,8 +45,7 @@ const nesting_selector = { is_global: false, is_host: false, is_root: false, - scoped: false, - selected: new Set() + scoped: false } }; @@ -158,7 +157,8 @@ function apply_selector(relative_selectors, rule, element, stylesheet) { if (name === ' ' || crossed_component_boundary) { mark(parent_selectors[parent_selectors.length - 1], parent); } else { - parent_selectors[parent_selectors.length - 1].metadata.selected.add(parent); + parent.metadata.scoped = true; + // parent_selectors[parent_selectors.length - 1].metadata.selected.add(parent); } parent_matched = true; @@ -230,7 +230,7 @@ function apply_selector(relative_selectors, rule, element, stylesheet) { */ function mark(relative_selector, element) { relative_selector.metadata.scoped = true; - relative_selector.metadata.selected.add(element); + element.metadata.scoped = true; } /** diff --git a/packages/svelte/src/compiler/phases/3-transform/css/index.js b/packages/svelte/src/compiler/phases/3-transform/css/index.js index a330303f98..ebb65a768c 100644 --- a/packages/svelte/src/compiler/phases/3-transform/css/index.js +++ b/packages/svelte/src/compiler/phases/3-transform/css/index.js @@ -262,15 +262,6 @@ const visitors = { context.next(); }, - RelativeSelector(node, context) { - if (node.metadata.scoped) { - for (const element of node.metadata.selected) { - element.metadata.scoped = true; - } - } - - context.next(); - }, PseudoClassSelector(node, context) { if (node.name === 'is' || node.name === 'where') { context.next(); diff --git a/packages/svelte/src/compiler/types/css.ts b/packages/svelte/src/compiler/types/css.ts index 187b8ff577..5c7a2b5c83 100644 --- a/packages/svelte/src/compiler/types/css.ts +++ b/packages/svelte/src/compiler/types/css.ts @@ -56,7 +56,6 @@ export interface RelativeSelector extends BaseNode { is_host: boolean; is_root: boolean; scoped: boolean; - selected: Set; }; }