Make WordPress Core

Opened 6 years ago

Last modified 5 years ago

#42822 new defect (bug)

CodeMirror: HTML attributes values hints not fully operable with a keyboard

Reported by: afercia's profile afercia Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 4.9
Component: Widgets Keywords: has-screenshots needs-patch
Focuses: accessibility, javascript Cc:

Description

To reproduce, add an HTML widget either in the Widgets screen or in the Customizer:

  • start typing a HTML tag, for example "<i" for an input field:

https://cldup.com/BYoQlC_wZw.png

  • a list of hints appears and it is possible to use the down and up arrow keys to select one of the hints in the list, pressing Enter inserts the tag
  • after the input, start typing the "type" attribute followed by a "="
  • a list of possible values for the type attribute appears
  • press the down arrow key to try to select one of the hints
  • as soon as you release the down arrow key (on keyup), the selection moves back to the first hint thus making impossible to select any of the other hints

https://cldup.com/AGpOpY5-ZN.png

Worth noting:

  • typing a letter after the "=" seems to make selection via arrow keys work again, for example type type=t and selection via keyboard works
  • seems the attribute values hints don't work at all in the theme/plugin editors, where typing for example <input type= does nothing
  • doesn't seem to happen in the Additional CSS in the Customizer, where all the hints appear to be operable with a keyboard

I'm really not sure if this is related to something specific to the HTML widget or if it's something that should be fixed upstream. Setting the "Widgets" component for now.

Change History (4)

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.


6 years ago

#2 @afercia
6 years ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release

Agreed during today's bug-scrub this is something that should be fixed, hopefully by someone more familiar with CodeMirror and the HTML widget. Moving to future release. /cc @westonruter

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.


6 years ago

This ticket was mentioned in Slack in #accessibility by rianrietveld. View the logs.


5 years ago

Note: See TracTickets for help on using tickets.