Dropdown filter causes inline editor to close prematurely in editMode="cell" in DataTable

[nathanmerry]

Describe the bug

Description: There is an issue with the DataTable component when using editMode="cell". When using a Dropdown component with a search filter as an editor, interacting with the filter causes the inline editor to close prematurely, preventing further interaction with the dropdown.

Reproducer

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

System Information

System:
    OS: macOS 14.3.1
    CPU: (8) x64 Apple M1
    Memory: 23.21 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.0 - /usr/local/bin/node
    Yarn: 1.22.22 - /usr/local/bin/yarn
    npm: 10.2.4 - /usr/local/bin/npm
  Browsers:
    Chrome: 129.0.6668.71
    Edge: 114.0.1823.51
    Safari: 17.3.1
    Safari Technology Preview: 14.2
  npmPackages:
    primereact: ^10.6.5 => 10.6.5 
    react: ^18.2.0 => 18.3.1 
    tailwindcss: ^3.4.3 => 3.4.3

Steps to reproduce the behavior

1. Set up a DataTable component with editMode="cell".
2. Use a Dropdown component as a cell editor inside a Column, with the filter prop enabled to allow searching within the dropdown.
3. Click on the cell to activate the inline editor.
4. Try clicking on the filter input inside the dropdown to search for an option.

Expected behavior

Expected Behavior: The dropdown should remain open, and the inline editor should stay active while interacting with the dropdown's search filter.

Actual Behavior: When clicking on the dropdown filter input, the inline editor closes, and the dropdown disappears, making it impossible to search and select an option.

[github-actions]

This issue is a duplicate and has already been reported: #7158 . Please review other issues both open and closed for a similar issue to this one.