Merge pull request #3952 from dlabrecq/toolbar-workaround

PatternFly toolbar controls scroll page when clicked

Author: dlabrecq

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}

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}