fix: style problem caused by the "tabIndex" attribute of lower versio…

…ns of iOS (#217)
arco-design · Dec 27, 2023 · 6a9406e · 6a9406e
1 parent 6a73c43
commit 6a9406e
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 11 deletions.
diff --git a/packages/arcodesign/components/checkbox/style/index.less b/packages/arcodesign/components/checkbox/style/index.less
@@ -4,11 +4,6 @@
     display: inline-flex;
     align-items: center;
 
-    // iOS low-end machine style compatibility issues
-    &:focus {
-        outline: none;
-    }
-
     .checkbox-icon {
         display: inline-flex;
         align-items: center;

diff --git a/packages/arcodesign/components/radio/style/index.less b/packages/arcodesign/components/radio/style/index.less
@@ -4,11 +4,6 @@
     display: inline-flex;
     align-items: center;
 
-    // iOS low-end machine style compatibility issues
-    &:focus {
-        outline: none;
-    }
-
     .radio-icon {
         display: inline-flex;
         align-items: center;

diff --git a/packages/common-widgets/style/reset.less b/packages/common-widgets/style/reset.less
@@ -64,3 +64,8 @@ samp {
         box-sizing: border-box;
     }
 }
+
+// Solve the style problem caused by the tabIndex attribute of lower versions of iOS
+[tabIndex='0']:focus {
+    outline: none;
+}
diff --git a/scripts/sites/webpack.dev.home.js b/scripts/sites/webpack.dev.home.js
@@ -43,7 +43,10 @@ const devConfig = merge(genBaseConfig(baseConfig, 'home'), {
         },
         port: 8824,
         allowedHosts: "all",
-        open: true
+        open: true,
+        client: {
+            overlay: false,
+        },
     },
     plugins: [
         new HtmlWebpackPlugin({

diff --git a/scripts/sites/webpack.dev.mobile.js b/scripts/sites/webpack.dev.mobile.js
@@ -51,6 +51,9 @@ const devConfig = merge(baseConfig, {
         port: 8822,
         allowedHosts: "all",
         open: true,
+        client: {
+            overlay: false,
+        },
         ...(compileComps.length
             ? {
                 open: true,

diff --git a/scripts/sites/webpack.dev.pc.js b/scripts/sites/webpack.dev.pc.js
@@ -45,6 +45,9 @@ const devConfig = merge(genBaseConfig(baseConfig, 'pc'), {
         port: 8823,
         open: true,
         allowedHosts: 'all',
+        client: {
+            overlay: false,
+        },
     },
     plugins: [
         new SiteGeneratePlugin(),