feat: show check icon when editing list item

[nitinawari]

close #491
Description:
Replaces the edit (pencil) icon with a check icon for list items that are currently being edited in the selectable list component. This provides a clearer UI indication and allows users to save their edits directly from the list.

DSOMM.-.Google.Chrome.2026-02-24.09-57-25.mp4

[vbakke]

Thank you @nitinawari! I like this.

Since we are improving how to edit the list, would you mind adding another minor improvement?

When I use this page, I often end up doing:

• click the main 'Edit pencil' to edit the list
• then I click straight on the name I want to change

Could we catch the click on the name as well as clicking on the pencil for the name?

(I never got around to do it myself, and always got annoyed that I didn't when I was focusing on something different : )

[nitinawari]

@vbakke
I like the suggestion. Just to confirm — do you want the entire input row to become clickable when the list is in edit mode, or only the item name text?

My initial thought is that making the whole row clickable might improve usability, but I’d like to confirm your preference before implementing it.

[vbakke]

Good! I like confirms. It make it easier to do the right thing first time around. :)
...
Hmmm.... I had to think. And realised that we cannot trigger 'edit text mode' when clicking on the row. Then we cannot select another row. So it has to be when clicking on the text only.

Clicking on the image below should select 'Internal`. Not change the name.

.

Soo... that leaves us with the question: What would a user expect of they clicked on the name?

• A)

  • Click on row: select it
  • Click on name: edit name

• B)

  • Click on row: select it
  • Click on name: select the row (as today)
  • Double click on name: edit name

What would you expect if you clicked on the name?
.

(And sorry for scope creeping this. But maybe we should hide the .edit-hint if the screen is too narrow? Like in the picture above. It just looks funny...)

[sawankshrma]

What would you expect if you clicked on the name?

B) Double clicking to edit the name, I think.

[Klath123]

@vbakke , as per my opinion I think The second option (B part) is more preferred. As it will prevent user from accidentally changing the name and also it will increase the UX as it is common feature across various platforms :)

[vbakke]

I agree. Go option B) 👍 @Klath123