@wizishop/wizi-block 15.0.96-beta → 15.0.97-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/wizi-block",
-  "version": "15.0.96-beta",
+  "version": "15.0.97-beta",
   "description": "## To use WiziBlock, you have to :",
   "repository": {
     "type": "git",

package/wizi-block.scss

@@ -6267,6 +6267,8 @@ $color-bd: #dddddd;
         @include justify-content(space-between);
 
         &__item {
+            position: relative;
+            z-index: 1;
             width: calc(25% - 23px);
 
             &:focus-within {
@@ -7575,6 +7577,10 @@ $color-bd: #dddddd;
         margin-bottom: 20px;
         z-index: 2;
         position: relative;
+
+        &:focus-within {
+            z-index: 10;
+        }
     }
 
     &__wrapper {
@@ -7585,6 +7591,10 @@ $color-bd: #dddddd;
         @include flex-wrap(wrap);
         justify-content: flex-start;
 
+        &:focus-within {
+            z-index: 10;
+        }
+
         .width0 {
             max-width: 0;
         }
@@ -7592,11 +7602,16 @@ $color-bd: #dddddd;
         &__item {
             width: calc(50% - 40px);
             position: relative;
+            z-index: 1;
 
             &:last-child {
                 margin: 0 0 0 80px;
             }
 
+            &:focus-within {
+                z-index: 10;
+            }
+
             .wb-structure-config__content {
                 overflow-y: scroll;
             }
@@ -7787,6 +7802,7 @@ $color-bd: #dddddd;
                 position: relative;
                 margin-top: 15px;
                 min-height: 50px;
+                z-index: 1;
 
                 &:focus-within {
                     z-index: 9999;
@@ -7800,6 +7816,7 @@ $color-bd: #dddddd;
                 margin-top: -10px;
                 width: 100%;
                 min-height: 50px;
+                z-index: 1;
 
                 &:focus-within {
                     z-index: 9999;
@@ -10738,10 +10755,14 @@ $color-size-choose: #6c6c6c;
         width: 100%;
 
         > div {
-          &:first-child {
-            position: relative;
+          position: relative;
+          z-index: 1;
+
+          &:focus-within {
             z-index: 10;
+          }
 
+          &:first-child {
             .ql-editor {
               padding-bottom: 0;
             }
@@ -23231,11 +23252,12 @@ $color-size-choose: #6c6c6c;
         }
 
         > div > div {
+            position: relative;
+            z-index: 1;
             background-color: rgba(0, 0, 0, 0.15);
             width: 100%;
 
-            &:first-child {
-                position: relative;
+            &:focus-within {
                 z-index: 10;
             }
         }
@@ -23348,14 +23370,18 @@ $color-size-choose: #6c6c6c;
         }
 
         > div > div {
+            position: relative;
+            z-index: 1;
             background-color: $wb-white;
             width: 50%;
             margin-left: rem(40);
             box-sizing: border-box;
 
-            &:first-child {
-                position: relative;
+            &:focus-within {
                 z-index: 10;
+            }
+
+            &:first-child {
                 padding: rem(15) rem(30) 1px;
             }
 
@@ -23492,17 +23518,21 @@ $color-size-choose: #6c6c6c;
     }
 
     > div > div {
+      position: relative;
+      z-index: 1;
       width: 100%;
       margin-left: 0;
       box-sizing: border-box;
 
+      &:focus-within {
+          z-index: 10;
+      }
+
       &.has-transparent-background {
         background-color: transparent;
       }
 
       &:first-child {
-        position: relative;
-        z-index: 10;
         padding: rem(15) rem(30) 0;
       }