Editable Table Cells: Single-click vs. double-click to edit

At some point my table switched from having a single-click-to-edit requirement to double-click-to-edit requirement.

My goal is to provide the user with editable table cells that require only a single-click to edit instead of a double-click to edit.

I'm using editable cell of type Tags with mapped values and an onChange event handler.

If I insert a new table component into my app, it only requires a single-click to edit. I don't see any settings under interactions to control this behavior.

Any idea what it causing this behavior?
Thanks!

Interesting, I see the same effect.

I have one table where the editable tag column shows a drop down list when I just click once into the cell.

On another table with the same kind of tags, I have to double click to get the drop down list.

So far i can't see what causes that difference either.

I found a difference.

In one table there are not any other editable fields, and I have "Cell selection" set to None.

So the first click on the Tag cell can't select the cell and it just activates the drop down list of tags.

In the other table i have some editable text fields as well as the tag ones. So in that case I need "Cell selection" set to "Single" otherwise i can't select the editable fields.

in that case the first click on the Tag cell simply selects the cell, and it takes a second click to activate the drop down list of Tags.

Thanks for the solution! That worked for me.

1 Like