diff --git a/src/routes/components/dataToolbar/utils/bulkSelect.tsx b/src/routes/components/dataToolbar/utils/bulkSelect.tsx index 04ed0f800..f1401daca 100644 --- 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 index 8d7a01e9c..d99b98f43 100644 --- a/src/routes/explorer/explorer.tsx +++ b/src/routes/explorer/explorer.tsx @@ -234,6 +234,7 @@ class Explorer extends React.Component { 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}