[Feature]: Provide tab functionalities similar to v8 color picker every aspect.

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

https://react.fluentui.dev

Other

18.58k stars 2.74k forks source link

Open divya7shahi opened 1 month ago

divya7shahi commented 1 month ago

React Components (@fluentui/react-components)

Want seamless navigation with tab between two color swatch.
Want seamless navigation with tab between two color sets.
Want if I am at last cell of of a color set it automatically shift to first cell of next color set.(moving to next line and cyclic)

No response

Yes, Fluent Team [Valentyna, Toshie, Gouttierre]

[x] Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

High

pradeept95 commented 1 month ago

Hi @divya7shahi ,

FYI: Here is the spec for the SwatchPicker Component which explains current possible keyboard navigations along with other design choice for the it. https://github.com/microsoft/fluentui/blob/master/packages/react-components/react-swatch-picker/library/docs/Spec.md#keyboard

gouttierre commented 1 month ago

📢

Spoken with @ValentinaKozlova who believes that it should be feasible to implement support for both tab and arrow key navigation. But will need to confirm with Ling.
Design (Toshie) is looped in to the conversations on Teams.
This request will go through backlog review in the next iteration.
This is to request will support Web Growth migrations.

cc ~ @tudorpopams, @paulgildea, @JustSlone