From 5935e38948a7613af0624898a95a8e33e4f50de9 Mon Sep 17 00:00:00 2001 From: Zachary Shilton <4624598+zchsh@users.noreply.github.com> Date: Tue, 10 May 2022 09:36:48 -0600 Subject: [PATCH 1/2] fix(subnav): dot-io layout shift issue --- packages/subnav/style.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/subnav/style.module.css b/packages/subnav/style.module.css index 34e6a4a4d..e9494fb4c 100644 --- a/packages/subnav/style.module.css +++ b/packages/subnav/style.module.css @@ -7,6 +7,7 @@ background: var(--background-color); /* from theme.module.css */ border-top: 1px solid var(--border-color); /* from theme.module.css */ border-bottom: 1px solid transparent; + overflow: hidden; transition: border-bottom-color 0.8s; &.isSticky { From 49b7adcc398d15cfee1c3f267eb439f2ada5e71f Mon Sep 17 00:00:00 2001 From: Zachary Shilton <4624598+zchsh@users.noreply.github.com> Date: Tue, 10 May 2022 09:39:15 -0600 Subject: [PATCH 2/2] chore(subnav): add changeset --- .changeset/sweet-apples-fetch.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/sweet-apples-fetch.md diff --git a/.changeset/sweet-apples-fetch.md b/.changeset/sweet-apples-fetch.md new file mode 100644 index 000000000..20ee7be52 --- /dev/null +++ b/.changeset/sweet-apples-fetch.md @@ -0,0 +1,5 @@ +--- +'@hashicorp/react-subnav': patch +--- + +Attempts to fix overflow issue that causes layout shift on dot-io sites.