ToggleSwitch: Add overflow: hidden to .StatusTextItem (#7399)

TylerJDev · web-flow · commit 06c83203cd3f · 2025-12-30T21:43:31.000Z
diff --git a/.changeset/swift-keys-thank.md b/.changeset/swift-keys-thank.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+ToggleSwitch: Adds `overflow: hidden` to `.StatusTextItem` when hidden
diff --git a/packages/react/src/ToggleSwitch/ToggleSwitch.module.css b/packages/react/src/ToggleSwitch/ToggleSwitch.module.css
@@ -53,6 +53,7 @@
 .StatusTextItem:where([data-hidden='true']) {
   visibility: hidden;
   height: 0;
+  overflow: hidden;
 }
 
 .SwitchButton {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@primer/react': patch
 +---
++
 +ToggleSwitch: Adds `overflow: hidden` to `.StatusTextItem` when hidden
Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@`
`53`	`53`	`.StatusTextItem:where([data-hidden='true']) {`
`54`	`54`	`visibility: hidden;`
`55`	`55`	`height: 0;`
	`56`	`+ overflow: hidden;`
`56`	`57`	`}`
`57`	`58`
`58`	`59`	`.SwitchButton {`