Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Keyboard Navigation for Custom Field Selection #6954

Open
Bonapara opened this issue Sep 9, 2024 · 2 comments
Open

Add Keyboard Navigation for Custom Field Selection #6954

Bonapara opened this issue Sep 9, 2024 · 2 comments
Assignees
@ehconitin
Labels
for experienced contributor prio: med scope: front Issues that are affecting the frontend side only size: short type: design improvement

Comments

@Bonapara
Copy link
Member

Bonapara commented Sep 9, 2024 •
edited
Loading

Current behavior

When creating a new custom field, the "Text field type" is selected by default on step one (displayed in a darker gray).

image

Desired Behavior

We want to introduce keyboard navigation to clarify why the "Text field" is pre-selected but most importantly to improve the navigation feeling!

Press ⇥ to switch to the next field type
Press ⇧⇥ to switch to the previous field type
Press ⏎ to select a field type and navigate to step 2

image

Hover should be Background Tertiary and Selected Background Quarternary

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=36855-127361&node-type=FRAME&t=q1mVGIcAsAXgtU4g-11
@Bonapara Bonapara added scope: front Issues that are affecting the frontend side only size: minutes for experienced contributor labels Sep 9, 2024
@Bonapara
Copy link
Member Author

Bonapara commented Sep 9, 2024 •
edited
Loading

@ehconitin, please comment so I can assign you! (If you still want to handle it🙏)

@ehconitin
Copy link
Contributor

:)

@ehconitin ehconitin mentioned this issue Sep 10, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ehconitin ehconitin

Labels
for experienced contributor prio: med scope: front Issues that are affecting the frontend side only size: short type: design improvement
Projects
Product development ✅
Status: 🆕 New
Milestone
No milestone
Development

No branches or pull requests
3 participants
@FelixMalfait @Bonapara @ehconitin