Uploaded image for project: 'Cost Management'
  1. Cost Management
  2. COST-5320

PatternFly toolbar controls scroll page when clicked

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Done
    • Icon: Normal Normal
    • 2024-Sep-13
    • None
    • UI
    • None

      Encountered an issue with the latest PatternFly milestone packages in Cost Management. Not only is this undesirable for users, but it effects QE test automation.

      When users click the pagination's page selector and/or the bulk select, the page scrolls so that the control's menu is out of view. These controls do not behave like this when located outside the Toolbar. For example, the bottom pagination controls work as expected.

      A workaround provided by the PatternFly team is to append the underlying menu components to the document body.

      For the bulk select, the workaround is:

      popperProps=appendTo: () => document.body

      And for Pagination, the workaround is:

      menuAppendTo={document.body}

      PatternFly issue
      https://github.com/patternfly/patternfly-react/issues/10511

      The PatternFly PR, which adds `menuAppendTo` to the Pagination component.
      https://github.com/patternfly/patternfly-react/pull/10746

              rh-ee-plopezpe Pedro Lopez Perez
              dlabrecq@redhat.com Daniel Labrecque
              Daniel Labrecque
              Pedro Lopez Perez Pedro Lopez Perez
              Votes:
              0 Vote for this issue
              Watchers:
              10 Start watching this issue

                Created:
                Updated:
                Resolved: