AppFlowy icon indicating copy to clipboard operation
AppFlowy copied to clipboard

[FR] Navigate between `chips` in a Multiselect cell

Open Xazin opened this issue 2 years ago • 4 comments

Description

When changing a Multiselect cell, I want to be able to navigate between chips with arrows/mouse, and be able to use backspace to remove chips, and be able to add new chips at any position my cursor is at.

Impact

Keyboard hackers will have an easier time

Additional Context

image

Xazin avatar Sep 19 '23 20:09 Xazin

Hi, I would like to work on this

RawatDevanshu avatar Sep 27 '23 12:09 RawatDevanshu

Hi, I would like to work on this

Hey Rawat, this is quite the advanced feature. It requires replicating similar behaviour to that of a Chip Input Field commonly known from Angular (Material).

If you're new to Flutter I suggest picking another issue.

If you're still up for it let me know and I will assign you.👌

Xazin avatar Sep 27 '23 12:09 Xazin

Hi, I would like to work on this, I have never contributed to open source or App Flowy but have 3+ year Job experience in Flutter App and Web. can you help me onboard.

mahidul-islam avatar Nov 12 '23 07:11 mahidul-islam

I'm not sure this is resolved how I envisioned it.

  1. Up/down is fine, but if I can't deselect with enter the target in multi-select, then it's not functional.
  2. I was thinking about left to right when I made this issue, since that is how most chip inputs work, but up/down would also work, only in the case where I want to remove one chip (and there are 2 chips), if there are 100 options, I'll have to use up/down to find the chip rather than being able to just press left arrow key and then delete.

Xazin avatar Apr 23 '24 20:04 Xazin