DataTable: Cell edit support Dropdown - with Filter input

[stosveta]

Describe the bug

I'm intending filter items using dropdown in dataTable cell during cell editing.
When the filter input that is shown on the top of the dropdown list is clicked - the dropdown disappears (if dropdown is not in the cell it doesn't disappear and behaves as expected). And to fix this behaviour - to be able click with the mouse on the dropdown filtering box - I do need use append={'self'} but then I start having the table layout problems.

Any help with this will be very appreciated.
Thanks a lot.

---

This is probably [already existing bug]((#2666 (comment)) but not sure that comment on closed bugs are being seen so posting new bug? (sorry if a'm wrong)

Reproducer

No response

PrimeReact version

10.5.1

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

Expecting opened dropdown not to disappear on mouse click on filter control of the dropdown

[myownsumm]

Facing the same issue with primereact 10.8.2.

Trying to use DataTable with a DropDown editor and filter prop enabled. AppendTo is set to {document.body}, otherwise it looks "strange".

edit mode is always being switched to view mode while clicking the filter input and there is no way to prevent this.

[myownsumm]

primereact/components/lib/datatable/BodyCell.js

Line 26 in 24560c3

const [bindDocumentClickListener, unbindDocumentClickListener] = useEventListener({

this thing is definitely related

[myownsumm]

Fixed in 10.9.1!

https://www.npmjs.com/package/primereact/v/10.9.1

[melloware]

nice closing ticket!