diff --git a/.changeset/twenty-wombats-bathe.md b/.changeset/twenty-wombats-bathe.md new file mode 100644 index 00000000000..d3f761fbeed --- /dev/null +++ b/.changeset/twenty-wombats-bathe.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed `BulkActions` causing `IndexTable` & `ResourceList` to ignore pointer events diff --git a/polaris-react/src/components/BulkActions/BulkActions.scss b/polaris-react/src/components/BulkActions/BulkActions.scss index a2fbe81fc89..5bdb4e0f939 100644 --- a/polaris-react/src/components/BulkActions/BulkActions.scss +++ b/polaris-react/src/components/BulkActions/BulkActions.scss @@ -77,6 +77,7 @@ $bulk-actions-button-stacking-order: ( border-radius: var(--p-border-radius-2); box-shadow: var(--p-shadow-deep), var(--p-shadow-popover); max-width: 100%; + pointer-events: auto; .Group-measuring & { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY diff --git a/polaris-react/src/components/IndexTable/IndexTable.scss b/polaris-react/src/components/IndexTable/IndexTable.scss index 0bcc61f413f..1979dbdb33b 100644 --- a/polaris-react/src/components/IndexTable/IndexTable.scss +++ b/polaris-react/src/components/IndexTable/IndexTable.scss @@ -578,6 +578,7 @@ $loading-panel-height: 53px; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; margin-top: var(--p-space-4); + pointer-events: none; } .BulkActionsWrapperSticky { diff --git a/polaris-react/src/components/ResourceList/ResourceList.scss b/polaris-react/src/components/ResourceList/ResourceList.scss index f08a0a1e1ad..82006dd4a34 100644 --- a/polaris-react/src/components/ResourceList/ResourceList.scss +++ b/polaris-react/src/components/ResourceList/ResourceList.scss @@ -200,6 +200,7 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)}) // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY justify-content: center; margin-top: var(--p-space-4); + pointer-events: none; @media #{$p-breakpoints-sm-up} { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY