Merge pull request #396 from IHIutch/fix/switch-overflow

codebender828 · web-flow · commit 106a7ff34b13 · 2021-03-14T16:58:54.000+08:00
fix:  Add position: relative to switch label
diff --git a/packages/chakra-ui-core/src/CSwitch/CSwitch.js b/packages/chakra-ui-core/src/CSwitch/CSwitch.js
@@ -125,6 +125,7 @@ const CSwitch = {
         as: 'label'
       },
       attrs: {
+        position: 'relative',
         display: 'inline-block',
         verticalAlign: 'middle',
         ...data.attrs,
diff --git a/packages/chakra-ui-core/src/CSwitch/tests/__snapshots__/CSwitch.test.js.snap b/packages/chakra-ui-core/src/CSwitch/tests/__snapshots__/CSwitch.test.js.snap
@@ -3,7 +3,7 @@
 exports[`should render correctly 1`] = `
 <DocumentFragment>
   <label
-    class="css-v7ibj3"
+    class="css-lncjus"
     data-chakra-component="CSwitch"
     data-testid="switch"
   >

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	exports[`should render correctly 1`] = `
`4`	`4`	`<DocumentFragment>`
`5`	`5`	`<label`
`6`		`- class="css-v7ibj3"`
	`6`	`+ class="css-lncjus"`
`7`	`7`	`data-chakra-component="CSwitch"`
`8`	`8`	`data-testid="switch"`
`9`	`9`	`>`