[Bug]: Data table: When we use `TableToolbarFilter` with `TableBatchAction`, it always hides the filter popover

[shrvr]

Package

@carbon/react

Browser

No response

Package version

v1.67.1

React version

v18.2.0

Description

I actually have the TableToolBarFilter component being used in another DataTable just fine; it works perfectly. My issue is that when TableToolBarFilter is used in conjunction with TableBatchActions it has the behavior I'm seeing in the storybooks. I can't find an example that shows how to use both together. This looks like some CSS property issue that shouldn't happen.

Issue

Expected

Note: There is a workaround on line 102 in app.jsx file in Stackblitz

Reproduction/example

https://stackblitz.com/edit/github-cygrgo-dyjmtq?file=src%2FApp.jsx

Steps to reproduce

• create data table with TableToolBarFilter and TableBatchActions.

Resources: https://react.carbondesignsystem.com/?path=/docs/components-datatable-filtering--overview#multiple-filters-with-batch-updates

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

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