Uploaded image for project: 'JDK'
  1. JDK
  2. JDK-8245918

Scrollbars from web pages appear to be absolute, overlapping everything - redux

XMLWordPrintable

    • web
    • x86_64
    • windows_10

      ADDITIONAL SYSTEM INFORMATION :
      Windows 10, macOS 10.15.4 / Java 14

      A DESCRIPTION OF THE PROBLEM :
      The bug "JDK-8215775 : Scrollbars from web pages appear to be absolute, overlapping everything" is back in jfx14.

      Old bug description:

      Scrollbars stack on top of everything that overlaps. As far as I can assume, the scrollbars rendered in the WebView are absolute, and do not take in consideration everything else from the DOM tree. They also overlap elements from the edge of an overflowing container (i.e. icons, text) if these elements do not have enough padding, instead of making all of the elements shift to the left when the scrollbar appears.

      Examples:
         * Triggering a dropdown, which is in front of a container with a scrollbar in it, the scrollbar will be in front of the content of the dropdown, making it unreadable;
         * Triggering a modal functionality, the scrollbar will be in front of the overlay from the background

      REGRESSION : Last worked in version 13

      STEPS TO FOLLOW TO REPRODUCE THE PROBLEM :
      1. Open a JavaFX Browser Webview
      2. Navigate to a page which has a scrollbar and a conflicting functionality (i.e. Modal, Dropdown overlapping): for example https://mdbootstrap.com/docs/jquery/modals/basic/
      3. Trigger this conflicting functionality

      EXPECTED VERSUS ACTUAL BEHAVIOR :
      EXPECTED -
      The scrollbar should stay linked to its container, with the corresponding z-index
      ACTUAL -
      The scrollbar gets in front of everything, with a higher z-index

      FREQUENCY : always


            arapte Ambarish Rapte
            webbuggrp Webbug Group
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated: