gatsby-announcer div introduced in v2.18.25

Created on 20 Jan 2020  路  2Comments  路  Source: gatsbyjs/gatsby

Since upgrading to [email protected], the code bellow is added to the bottom of the page.

<div id="gatsby-announcer" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"></div>

This adds a 1px line to the bottom of the page.

Going back to [email protected] will fix this problem.

edit:

This issue was fixed in [email protected]

https://github.com/gatsbyjs/gatsby/issues/20697

bug

Most helpful comment

Hey @madalynrose, yes I can confirm it fixes the issue.

All 2 comments

Thank you for filing this issue @t2ca! Could you confirm that adding top:0; to the list of styles for that div using browser dev tools fixes your issue? If that's the case, I'll whip up a PR!

Hey @madalynrose, yes I can confirm it fixes the issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cusspvz picture cusspvz  路  128Comments

cutemachine picture cutemachine  路  112Comments

jsanchez034 picture jsanchez034  路  92Comments

kuworking picture kuworking  路  115Comments

TuckerWhitehouse picture TuckerWhitehouse  路  69Comments