Merge pull request #3952 from dlabrecq/toolbar-workaround

PatternFly toolbar controls scroll page when clicked
project-koku · Sep 3, 2024 · 349b4cf · 349b4cf
2 parents 2208f19 + 408511a
commit 349b4cf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/routes/components/dataToolbar/utils/bulkSelect.tsx b/src/routes/components/dataToolbar/utils/bulkSelect.tsx
@@ -101,6 +101,7 @@ export const getBulkSelect = ({
       onOpenChange={isOpen => onBulkSelectToggle(isOpen)}
       onSelect={onBulkSelect}
       popperProps={{
+        appendTo: () => document.body, // Page scroll workaround https://issues.redhat.com/browse/COST-5320
         position: 'left',
       }}
       toggle={toggle}

diff --git a/src/routes/explorer/explorer.tsx b/src/routes/explorer/explorer.tsx
@@ -234,6 +234,7 @@ class Explorer extends React.Component<ExplorerProps, ExplorerState> {
         isCompact={!isBottom}
         isDisabled={isDisabled}
         itemCount={count}
+        menuAppendTo={document.body} // Page scroll workaround https://issues.redhat.com/browse/COST-5320
         onPerPageSelect={(event, perPage) => handleOnPerPageSelect(query, router, perPage)}
         onSetPage={(event, pageNumber) => handleOnSetPage(query, router, report, pageNumber)}
         page={page}