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

Scrollbars from web pages appear to be absolute, overlapping everything

    XMLWordPrintable

Details

    • web
    • x86_64
    • generic

    Backports

      Description

        A DESCRIPTION OF THE PROBLEM :
        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 8u181

        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

        CUSTOMER SUBMITTED WORKAROUND :
        For now, I have hidden the scrollbars from the Front-End when I triggered this conflicting functionality

        FREQUENCY : always


        Attachments

          Issue Links

            Activity

              People

                arajkumar Arunprasad Rajkumar
                webbuggrp Webbug Group
                Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved: