[Bug]: TableToolbarContent with TableBatchActions causes Popover content to be hidden

[eharvey328]

Package

@carbon/react

Browser

Chrome

Package version

1.57.0

React version

18.3.1

Description

When using Popover content in the TableToolbarContent with a TableBatchActions, the clip-path on the TableToolbarContent causes the Popover content to be hidden.

We have a workaround to detect when the batch actions animation completes to conditionally add "clip-path: none" to the TableToolbarContent.

It would be nice to have either

1. onBatchAnimationComplete callback on the TableBatchActions
2. have the clip-path fix built into the TableToolbarContent.

Reproduction/example

https://stackblitz.com/edit/vitejs-vite-n5ctm8?file=src%2FApp.tsx

Steps to reproduce

In the stackblitz example:

• click the "filter" Icon button in the table toolbar
• see that nothing happens

You can uncomment L44 in App.tsx to add the conditional clip-path style, then:

• click the "filter" Icon button in the table toolbar
• see the filter popover

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems