diff --git a/.changeset/fair-lobsters-sin.md b/.changeset/fair-lobsters-sin.md new file mode 100644 index 00000000000..2612e0e407d --- /dev/null +++ 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 index 569c7af1137..c2f85c5d5b9 100644 --- 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 index 1900cc1727b..a89ee5222b1 100644 --- 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 > * {