1479067 - Keyboard Navigation does not toggle Italics with Enter key (but toggles with Space Bar)

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[u554753]

Background:
Set the following values to true:
devtools.chrome.enabled = true
devtools.inspector.fonteditor.enabled = true

Steps to Reproduce:
1. Navigate to https://v-fonts.com
2. Navigate to "Renner" font and click the link for "Info/fonts"
3. Navigate to "Developer Toolbar" CTRL+SHIFT+I
4. Using the tab key, navigate to the "Fonts" sub-section in the right window of the inspector.
5. Using the keyboard, change the values on the "Size" "Weight" and "Italic" fields.

Expected Results:
The italics field can be changed using the Enter/Return key and the Space Bar.

Actual Results:
The italics field can only be changed using the Space Bar.

Comment 1

[Razvan Caliman [:rcaliman]]

Technically, it shouldn't work with the Enter key. The "Italic" toggle is a styled HTML checkbox input. The spacebar toggles the checked state which changes the toggle rendering. Pressing Enter on a focused checkbox does not change its state.

In a form context, pressing Enter wouldn't be desirable because that would submit the form the checkbox belongs to. 

But since the Font Editor controls are not part of a form and because there is precedent with similar toggles reacting to Enter (ex: Enable Tracking Protection), we should probably be consistent and implement this behavior.