fix(*): add css prefix for all selectors

core-ds · Dec 2, 2024 · e6ff855 · e6ff855
1 parent 54300a7
commit e6ff855
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/.changeset/dirty-cooks-pump.md b/.changeset/dirty-cooks-pump.md
@@ -0,0 +1,5 @@
+---
+'arui-scripts': patch
+---
+
+Добавляется css префикс к каждому селектору, чтобы не терялась специфичность, когда селекторы перечесляются через запятую
diff --git a/packages/arui-scripts/src/plugins/postcss-prefix-selector.ts b/packages/arui-scripts/src/plugins/postcss-prefix-selector.ts
@@ -8,8 +8,6 @@ type PostCssPrefixOptions = {
 
 const VisitedRule = Symbol('VisitedRule');
 
-const ROOT_SELECTOR = ':root';
-
 type RootWithVisitedRule = Root & {
     [VisitedRule]?: boolean;
 };
@@ -51,18 +49,8 @@ const postCssPrefix: PluginCreator<PostCssPrefixOptions> = (options) => {
                     return;
                 }
 
-                rule.selectors = rule.selectors.map((selector) => {
-                    /**
-                     * Оборачивам только самим префиксом без :root.
-                     * Позволяет инкапсулировать css переменные под классом.
-                     * В таком случае они будут доступны в модулях приложений после использования флага keepCssVars.
-                    */
-                    if (selector === ROOT_SELECTOR) {
-                        return prefix;
-                    }
-
-                    return `${prefix}${selector}`;
-                });
+                // Добавляем префикс к каждому селектору, чтобы не терялась специфичность
+                rule.selectors = rule.selectors.map((selector) => `${prefix}${selector}`);
             });
         },
     };