From cd39061737c90c6dec75820cd62a625e1d945c18 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 3 Jun 2026 15:32:09 -0400 Subject: [PATCH 1/3] fix(ui): Pricing table layout shift on switch changes --- packages/ui/src/elements/Switch.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/ui/src/elements/Switch.tsx b/packages/ui/src/elements/Switch.tsx index c97d423809e..53650afc543 100644 --- a/packages/ui/src/elements/Switch.tsx +++ b/packages/ui/src/elements/Switch.tsx @@ -53,6 +53,7 @@ export const Switch = forwardRef( align='center' as='label' sx={t => ({ + position: 'relative', isolation: 'isolate', width: 'fit-content', '&:has(input:focus-visible) > input + span': { @@ -73,6 +74,7 @@ export const Switch = forwardRef( aria-labelledby={ariaLabelledBy} style={{ ...common.visuallyHidden(), + inset: 0, }} /> Date: Wed, 3 Jun 2026 15:32:56 -0400 Subject: [PATCH 2/3] Create fix-switch-scroll-jump.md --- .changeset/fix-switch-scroll-jump.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/fix-switch-scroll-jump.md diff --git a/.changeset/fix-switch-scroll-jump.md b/.changeset/fix-switch-scroll-jump.md new file mode 100644 index 00000000000..2940681210b --- /dev/null +++ b/.changeset/fix-switch-scroll-jump.md @@ -0,0 +1,6 @@ +--- +'@clerk/ui': patch +'@clerk/clerk-js': patch +--- + +Fix Chrome-specific scroll jump when toggling the billing period switch on the pricing table. From 1c07698a2f5de3ff0199064cb5540d495ee2a95e Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 3 Jun 2026 18:16:42 -0400 Subject: [PATCH 3/3] Update fix-switch-scroll-jump.md Co-authored-by: Dylan Staley <88163+dstaley@users.noreply.github.com> --- .changeset/fix-switch-scroll-jump.md | 1 - 1 file changed, 1 deletion(-) diff --git a/.changeset/fix-switch-scroll-jump.md b/.changeset/fix-switch-scroll-jump.md index 2940681210b..2a4710504c1 100644 --- a/.changeset/fix-switch-scroll-jump.md +++ b/.changeset/fix-switch-scroll-jump.md @@ -1,6 +1,5 @@ --- '@clerk/ui': patch -'@clerk/clerk-js': patch --- Fix Chrome-specific scroll jump when toggling the billing period switch on the pricing table.