Skip to content

Commit 0c70192

Browse files
authored
Add isolation:isolate to ButtonGroup container (#2910)
* Add `isolation:isolate` to `ButtonGroup` container * Create .changeset/fair-lobsters-sin.md * Update snapshots
1 parent 3681c92 commit 0c70192

File tree

3 files changed

+7
-0
lines changed

3 files changed

+7
-0
lines changed

.changeset/fair-lobsters-sin.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/react": patch
3+
---
4+
5+
Add `isolation:isolate` to `ButtonGroup` container

src/ButtonGroup.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import {ComponentProps} from './utils/types'
66
const ButtonGroup = styled.div`
77
display: inline-flex;
88
vertical-align: middle;
9+
isolation: isolate;
910
1011
&& > * {
1112
position: relative;

src/__tests__/deprecated/__snapshots__/Button.test.tsx.snap

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -301,6 +301,7 @@ exports[`ButtonGroup renders consistently 1`] = `
301301
display: -ms-inline-flexbox;
302302
display: inline-flex;
303303
vertical-align: middle;
304+
isolation: isolate;
304305
}
305306
306307
.c0.c0 > * {

0 commit comments

Comments
 (0)