Fix extra block element in body (#49034)

This PR adds `position: absolute` to the router announcer container so it won't affect the layout of siblings / parents. Closes #48087. Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
vercel · May 1, 2023 · 1a71bea · 1a71bea
1 parent 5bc1e65
commit 1a71bea
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/packages/next/src/client/components/app-router-announcer.tsx b/packages/next/src/client/components/app-router-announcer.tsx
@@ -11,6 +11,7 @@ function getAnnouncerNode() {
     return existingAnnouncer.shadowRoot.childNodes[0] as HTMLElement
   } else {
     const container = document.createElement(ANNOUNCER_TYPE)
+    container.style.cssText = 'position:absolute'
     const announcer = document.createElement('div')
     announcer.setAttribute('aria-live', 'assertive')
     announcer.setAttribute('id', ANNOUNCER_ID)