Keyboard navigation difficult within Settings editor > keyboard shortcuts

[e218736]

Problem

Navigating keyboard shortcuts in settings editor using keyboard has limited functionality compared with using a mouse.

For example I am unable to interact with the shortcut keys div to enable editing the keys within the input field.

In addition, inability to focus on elements within each row using keyboard results in not being able to see or select the option to add a secondary keyboard shortcut.

Proposed Solution

Converting interactive divs to buttons to ensure tab-ability for keyboard users.
CSS styling of focus events to replicate mouse hover functionality for keyboard users.

Additional context

Discovered this whilst working on a solution to Settings editor keyboard shortcut punctuation issues so will update if other navigation issues arise

[JasonWeill]

@e218736 Thanks for opening this! Just to be certain, which version of JupyterLab are you using? The settings editor is very different in Lab 3 compared with Lab 4, for example.

[e218736]

@JasonWeill This is using Version 4.1.0a4