DevTools does not resize the page viewport after navigation

[urimus]

urimus last edited by leocg

DevTools does not resize the page viewport after navigation

I have already submitted this issue through Opera's built-in Report a problem feature:

BUG-27619
https://opera.atlassian.net/servicedesk/customer/portal/52/BUG-27619

Steps to reproduce

1. Open any webpage in Opera.
2. Open DevTools with Ctrl+Shift+I and dock it to the right side.
3. Click a link to navigate to another page in the same tab.
4. Observe the new page while DevTools is still open.

Actual result

The new page is rendered using the full browser window width, as if DevTools were not docked. DevTools then covers the right part of the page.

For example, window.innerWidth on the newly loaded page reports the full browser content width instead of the width available to the page after accounting for the docked DevTools.

If I manually resize the DevTools panel or resize the browser window, the viewport is recalculated and the page immediately adjusts to the correct width.

Expected result

When navigating to a new page with DevTools already docked, the new page should immediately receive the correct viewport size, excluding the area occupied by DevTools.

Comparison with Chrome

The same scenario works correctly in Google Chrome. After navigation, the page is automatically resized to the available area next to the docked DevTools.

This appears to be a regression/bug in Opera's handling of the page viewport during navigation with docked DevTools.

A similar issue has previously been reported as BS-92008.

Please investigate whether the viewport dimensions are being initialized before Opera applies the docked DevTools layout.

System information

• Opera: 133.0.5932.85
• OS: Windows 10 (10.0.19045)
• CPU: Intel(R) Core(TM) i7-4790K CPU @ 4.00 GHz
• GPU: NVIDIA GeForce GTX 960
• Country: Estonia

[leocg]

leocg Moderator Volunteer @urimus last edited by

@urimus That version of Opera is for Opera One, also your bug report seems to have been made on the Opera One portal and this area of the forum is for Opera Air.

Did you post in the wrong area? If so, I can move the topic to the Opera One area of the forum.

[urimus]

urimus @leocg last edited by

@leocg Yes This bug is at Opera One. Please move the topic to the Opera One area of the forum.

[urimus]

urimus @urimus last edited by

@urimus Additional reference: I found a previous Opera forum discussion titled “DevTools overlap the page” that describes exactly the same symptoms as this bug:
https://forums.opera.com/topic/71684/devtools-overlap-the-page?lang=en-GB&utm_source=chatgpt.com

[urimus]

urimus last edited by

It looks like this issue has been partially fixed, but there is still a related problem.

With DevTools docked to the right:

• After reloading the page, the viewport is now resized correctly.
• After navigating to another page, the viewport is also resized correctly.
• However, after switching to another browser tab and then returning to the tab with DevTools, the problem still occurs.

When I return to the tab, DevTools is still docked on the right, but the page viewport appears to use the full browser window width. As a result, DevTools covers part of the page.

If I manually resize the browser window, the viewport is immediately corrected.

So it seems that the viewport is now updated correctly after reload/navigation, but not when returning to a tab that was previously inactive.

Tested on September 30, 2026, with the current Opera version at that time.

[burnout426]

burnout426 Volunteer @urimus last edited by

@urimus I don't think Opera has done any specific fixes for this issue. Seems it's just partially fixed due to Chromium updates or some other fix.