DataTable Dropdown Text Deletion Issue

[aspandyar]

Issue: When attempting to delete text entered into the Dropdown component within the DataTable, the behavior is inconsistent. Sometimes, pressing the backspace or delete buttons will remove the entered letter, while other times, it results in the removal of the entire row. Additionally, there are instances where pressing the delete buttons does not delete anything at all. This erratic behavior has been observed both locally and on the official Dash documentation website.

[Coding-with-Adam]

hi @aspandyar
I am not able to reproduce this error on firefox. Can you show a gif or give a further example of what's happening please?

[aspandyar]

Manipulating text within dropdowns in a dataTable poses a challenge. For example, in the City column, as depicted in the image provided, modifying text using "backspace" and "delete" keys is not feasible. This issue is particularly crucial for filtering purposes within the dropdown. When incorrect letters are entered, they cannot be deleted, hindering the intended functionality.

[Coding-with-Adam]

Now I see what you mean. Thank you for the clarification. I tagged this as a bug, although it might be considered a feature request since I'm not sure this capability was ever built into the DataTable dropdown.

In the meantime, if it's possible on your end, try to use Dash AG Grid. It comes with text filtering that offers what you're looking for.