Add isolation:isolate to ButtonGroup container (#2910)

* Add `isolation:isolate` to `ButtonGroup` container * Create .changeset/fair-lobsters-sin.md * Update snapshots
primer · Feb 21, 2023 · 0c70192 · 0c70192
1 parent 3681c92
commit 0c70192
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/fair-lobsters-sin.md b/.changeset/fair-lobsters-sin.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Add `isolation:isolate` to `ButtonGroup` container
diff --git a/src/ButtonGroup.tsx b/src/ButtonGroup.tsx
@@ -6,6 +6,7 @@ import {ComponentProps} from './utils/types'
 const ButtonGroup = styled.div`
   display: inline-flex;
   vertical-align: middle;
+  isolation: isolate;
 
   && > * {
     position: relative;

diff --git a/src/__tests__/deprecated/__snapshots__/Button.test.tsx.snap b/src/__tests__/deprecated/__snapshots__/Button.test.tsx.snap
@@ -301,6 +301,7 @@ exports[`ButtonGroup renders consistently 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
+  isolation: isolate;
 }
 
 .c0.c0 > * {