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

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.

browser extension

debug

21 Replies

lewisia32
New Contributor
2 months ago
Hey Dave, are you guys still actively trying to fix this issue? It's been a bug for a while and it creates a very annoying UX quirk.
- Trevor_1P
  Moderator
  1 month ago
  Hi lewisia32,
  
  Could you share what version of 1Password in the browser you have installed currently? If possible, could you also share the URL where you're experiencing it?
1P_Dave
Moderator
2 months ago
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
- 1P_Dave
  Moderator
  2 months ago
  ivenus and horprogs
  
  Thank you for letting me know that you're still seeing the same issue on the test sites mentioned in this thread when using the production version. Can you try the latest nightly version of 1Password for Chrome: 1Password Nightly – Password Manager
  
  You'll need to disable the current production version of 1Password in Chrome so that you don't have two different versions running at the same time. Let me know the results.
  
  -Dave
  - horprogs
    New Contributor
    1 month ago
    Hey Dave, sorry for the late response. Seems that the latest nightly version 8.12.4.15 doesn't have this issue anymore
- ivenus
  New Contributor
  2 months ago
  Hey, the issue still persists. I'm on 8.11.27.2
- horprogs
  New Contributor
  2 months ago
  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/
1P_Dave
Moderator
3 months ago
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
- WJ
  New Contributor
  2 months ago
  Hi 1P_Dave, Is there anymore news re FS-4106?
akosdaniel
New Contributor
3 months ago
Started happening to me too...
Here's my temporary solution:
[id="1p-live-region"] { display: none !important; }
1P_Dave
Moderator
4 months ago
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
- ch_famly
  New Contributor
  4 months ago
  I can still reproduce the issue using 1Password 8.11.18.36
  You can see the issue here: https://app.famly.co/
- MichaelTugby
  New Contributor
  4 months ago
  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.
ivenus
New Contributor
4 months ago
We're having the same issue. Please fix this. 🙏
horprogs
New Contributor
4 months ago
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
ch_famly
New Contributor
4 months ago
We are also seeing it on our web site as well.
martinzima
New Contributor
4 months ago
This is breaking our app. Please fix this soon.
shopdev
New Contributor
4 months ago
This is also impacting my websites, because I have a div within <body> which will use min-height: 100dvh mixed with display: grid.