Question

Chrome Extension Causes Unwanted Vertical Scrollbar by Injecting 1p-live-region Element

Forum|Forum|8 months ago
October 15, 2025
11 replies
1455 views

Title:
1Password Chrome Extension (v8.11.14.24) Causes Unwanted Vertical Scrollbar by Injecting 1p-live-region Element

Hello 1Password Team,

I’m encountering a layout issue triggered by the 1Password Chrome extension, which I believe was introduced in a recent update (within the last week or two). Below are the details:

Environment:

Device: MacBook Pro 15-inch, 2018 (macOS 15.6.1)
Browser: Chrome 141
1Password Extension Version: 8.11.14.24

Issue Description:
The page structure includes a root div inside the body with styles set to width: 100vw and height: 100vh, while the html element has width: 100% and height: 100%. Under normal conditions, the page renders correctly without any scrollbars.

However, when an input field on the page is focused, the 1Password extension injects a new element into the body with the ID 1p-live-region. This element has a fixed height of 1px, which introduces an unwanted vertical scrollbar and breaks the intended layout.

Steps to Reproduce:

Load a page with a root div set to 100vw/100vh and html set to 100% height/width.
Observe that the page displays correctly without scrollbars.
Focus on any input field to trigger the 1Password extension.
The 1p-live-region element is added, causing a vertical scrollbar to appear.

Expected Behavior:
The injected 1p-live-region element should not disrupt the page layout or cause scrollbars to appear.

This issue seems to be a recent regression. I’d appreciate it if the team could investigate and resolve it. Thank you for your attention and hard work!

Let me know if you need additional details or clarifications.

N

nyaasuAuthor

Here's a screenshot for reference.

In Chrome DevTools, you can see:

The injected #1p-live-region element is highlighted within the body.
Its computed height is 1px.
The resulting vertical scrollbar is visible on the right edge of the viewport.

This visually confirms the layout shift described in the issue.

M

MichaelTugby

Just noticed it on our website too, never noticed it before. There's a missing margin: -1px in the styles for the screen reader only classes.

S

shopdev

This is also impacting my websites, because I have a div within <body> which will use min-height: 100dvh mixed with display: grid.

M

martinzima

This is breaking our app. Please fix this soon.

C

ch_famly

We are also seeing it on our web site as well.

H

horprogs

We have the same issue. Element #1p-live-region adds 1px at the bottom, which is causing a vertical scrollbar being visible if the content has `min-height: 100vh` to be able to expand to the full screen height. It could be fixed by adding `top: 0px` to this pixel

I

ivenus

We're having the same issue. Please fix this. 🙏

1P_Dave

1Password Employee

Hello @nyaasu, @ivenus, @horprogs, @ch_famly, @martinzima! 👋

I'm sorry that 1Password is causing issues with your webpages and I'll flag this to our development team. Can you please provide the following:

Confirmation that you can still reproduce the issue using 1Password in the browser version 8.11.18.36.
A link to a webpage where I can reproduce the issue on my end.

I look forward to hearing from you.

-Dave

M

MichaelTugby

Hi Dave,

Confirmed - I'm on 8.11.18.36

Here's a codesandbox for your team: https://xwmjfj.csb.app/

If you focus on one of the inputs with the 1pass extension installed, you get an unwanted scrollbar because of the 1px live region element which gets added to the body.

A

akosdaniel

Started happening to me too...

Here's my temporary solution:

[id="1p-live-region"] { display: none !important; }

1P_Dave

1Password Employee

Hello folks,

The team and I have been able to reproduce this issue on our end and our development team is currently working on a fix for the issue. I'm sorry for the disruption caused.

I'll update this thread as soon as the fix is available for testing so that you can all confirm that it resolves the issue on your websites as well.

-Dave

Issue=FS-4106

W

WJ_it

Hi @1P_Dave, Is there anymore news re FS-4106?

1P_Dave

1Password Employee

Hello everyone,

The latest versions of 1Password in the browser include improvements to address certain situations that can cause unintended scrollbars to appear on certain pages. Please update to 1Password in the browser version 8.11.27.2 or later:

How to keep 1Password up to date in your browser

The improvement may not resolve all situations, if you still see the issue after updating then please let me know which website you're still seeing the issue on and I can let our development team know.

-Dave

H

horprogs

Hey Dave! Thanks for the response. It seems for me the issue still persists. Checked on my website and on the example that one member has posted here: https://xwmjfj.csb.app/

Show more replies

Sign up

1Password employees: Sign in with SSO

Login to the community

1Password employees: Sign in with SSO

Scanning file for viruses.

This file cannot be downloaded