• Login
    • Search
    • Categories
    • Recent
    • Tags
    • Users
    • Groups
    • Rules
    • Help

    Do more on the web, with a fast and secure browser!

    Download Opera browser with:

    • built-in ad blocker
    • battery saver
    • free VPN
    Download Opera

    DevTools does not resize the page viewport after navigation

    General
    2
    4
    227
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • U
      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
      Reply Quote 0
        leocg U 2 Replies Last reply
      • 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.

        Reply Quote 0
          U 1 Reply Last reply
        • U
          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.

          Reply Quote 0
            1 Reply Last reply
          • U
            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

            Reply Quote 0
              1 Reply Last reply
            • Referenced by  U urimus 
            • Moved from Bugs by  leocg leocg 
            • First post
              Last post

            Computer browsers

            • Opera for Windows
            • Opera for Mac
            • Opera for Linux
            • Opera beta version
            • Opera USB

            Mobile browsers

            • Opera for Android
            • Opera Mini
            • Opera Touch
            • Opera for basic phones

            • Add-ons
            • Opera account
            • Wallpapers
            • Opera Ads

            • Help & support
            • Opera blogs
            • Opera forums
            • Dev.Opera

            • Security
            • Privacy
            • Cookies Policy
            • EULA
            • Terms of Service

            • About Opera
            • Press info
            • Jobs
            • Investors
            • Become a partner
            • Contact us

            Follow Opera

            • Opera - Facebook
            • Opera - Twitter
            • Opera - YouTube
            • Opera - LinkedIn
            • Opera - Instagram

            © Opera Software 1995-