Opera Browser extension: Popped out window has broken buttons

[VanWeapon]

Steps To Reproduce

1. Click on the browser extension, then the image to pop the screen out to a floating window
2. Go to any page that is an entry, e.g. a password, note, generator etc
3. Observe that the 'hitbox' for the UI buttons like "Save", "Edit", and "Close" is broken, they cannot be clicked on except when hovering over the very edge of the button
4. Only affected when the browser extension is popped out, not when docked to the browser bar

Expected Result

Buttons can be clicked like normal

Actual Result

Buttons cannot be clicked, clicking the center of the button does not action. The cursor does not change from arrow to hand etc.

Screenshots or Videos

I'm referring to these buttons on the top edge of the screen, (Unable to demonstrate lack of clickability since windows screen capture removes the mouse)

Additional Context

I am observing this problem on Opera GX using the Opera addon version. This is not an issue in the Edge version of the extension. I don't have chrome/FF installed to test

Operating System

Windows

Operating System Version

Win11 64bit

Web Browser

Opera

Browser Version

Opera GX LVL4 (core: 93.0.4585.52) Chromium version:107.0.5304.110

Build Version

Version: 2022.12.0 Server Version: 2022.12.0

Issue Tracking Info

• [X] I understand that work is tracked outside of Github. A PR will be linked to this issue should one be opened to address it, but Bitwarden doesn't use fields like "assigned", "milestone", or "project" to track progress.

[dmckee-ebsco]

Nicely written issue; I can add that (at least for me) the 'Save' button is clickable, but only on a single pixel in the bottom-right. Here is an screen capture:

[TroyBW]

Hi there,

Thank you for your report!

I was able to reproduce this issue in Bitwarden version 2023.5.1, and I have flagged this to our engineering team. I will note that this UI issue is occurring specifically in the Opera GX web browser, and is not present when using the Bitwarden browser extension in the standard Opera browser.

If you wish to add any further information/screenshots/recordings etc., please feel free to do so at any time - our engineering team will be happy to review these.

Thanks once again!

[lordbui]

Hello TroyBW,

i have still the same issue in 26.03.2024. Opera GX Version: LVL 5 (core: 108.0.5067.43). Operating System Same as above. Are they still working on the issue?

Thank you in advance!

[lordbui]

Hello TroyBW,

i have still the same issue in 26.03.2024. Opera GX Version: LVL 5 (core: 108.0.5067.43). Operating System Same as above. Are they still working on the issue?

Thank you in advance!

I noticed that i get the issue only when i am on a new website and the extension ask for a "new entry":

Then i can't use the "save" button except for a couple of pixels in the bottom right corner. (cf. dmckee-ebsco comment):

Same issue in the password generator (started via the same window in the previous image):

[SaidTorres3]

I reported the bug to Opera and Opera GX, here is the issue I sent:

Issue Report: Unclickable Top 40px in Extension Popups on Opera

Summary: In Opera, when using a browser extension that generates a popup window (without a URL bar or typical browser tools), the first 40px from the top of the popup become unclickable. This prevents interacting with any elements (buttons, links, etc.) located within that area.

Steps to Reproduce:

• Install and activate any browser extension that creates a popup (without a URL or browser tools, like navigation buttons; I included one in the assets).

• Open the popup via the extension.

• Attempt to click any interactive element within the first 40px from the top of the popup window.

• Expected Behavior: All interactive elements within the extension popup, regardless of their position, should be clickable.

• Actual Behavior: The first 40px from the top of the extension popup window are unclickable, meaning elements like buttons or links in that area do not respond to clicks.

Additional Observations:

• This only happens in popups made by browser extensions, not standard browser windows.

• I suspect this might be related to how normal popups, when opening URLs, include browsing tools (like the back button or URL bar). Since extension popups lack these tools and links, the issue could be tied to that difference in structure.

• The issue persists across multiple extensions and after clearing cache and disabling other extensions or using different Opera browsers.

• It doesn’t happen in Google Chrome.

Environment:

Browser Version: Opera 114.0.5282.115 & Opera GX 114.0.5282.106

Operating System: Windows 11

Extensions Installed: Popup extension, Bitwarden

https://github.com/user-attachments/assets/8ad2a140-3ca5-4296-8e88-52b11c14986b

popup-extension.zip

[VanWeapon]

I know its a bit jank but is there a chance we can get the opera version to create a 40px gap at the top to compensate until Opera fixes this? (if they decide to fix it at all)

[SaidTorres3]

There’s a slight issue with that. If you zoom out on the popup, the 40px won't fully cover the affected area, as the gap will shrink and become smaller than needed.

The affected area is not affected by zoom, it will always be on the same spot and measures the same.

But that also give us a solution, If you are not being able to click on Save button for example, you can zoom in to make the buttons bigger and therefore overcome the affected area.

[SaidTorres3]

No traction so far.

https://forums.opera.com/topic/74572/unclickable-top-40px-in-extension-popups-on-opera-bug-906?_=1730502751730

[SaidTorres3]

I was informed that the bug has been fixed in the latest Opera Developer version. I tested it, and confirmed the fix.

https://blogs.opera.com/desktop/changelog-for-116/

DNA-119560 Top area of extension popup window page doesn’t respond to clicks