A11Y in colour modal - Space Bar hijacks

Description:

When editing a colours’ name, we can’t press the Space Bar as this seems to toggle a colour swapping functionality with the arrow keys in the inspector’s colour list. In addition when Space is pressed the second time, the colour modal closes and the order in the inspector panel gets reset.

I expect to insert a space character when naming colours.

Step-by-step reproduction instructions:

  1. Open the Post Editor/Site Editor
  2. Go into Globals → Colours
  3. Open the colour modal via it’s swatch in the inspector
  4. set focus onto the Name input
  5. navigate to the position where you want to enter a space character and press space
  6. press left or right arrow once → active colour gets moved
  7. hit space again and the modal closes, colour position gets reset

Screenshots

Environment info

  • WordPress version: 6.4.2
  • Cwicly Plugin version: 1.3.4.5

Hi @oppi,

Welcome to the community :slight_smile:

Thank you for bringing this up!

This is a current limitation as we don’t allow spaces in the global colour name.
We’ll be sure to implement this possibility as soon as possible.

Thank you for your understanding.

Thanks for getting back to me @Araminta!

Just as an addition: It’s actually possible to insert a space by copy pasting the " " character manually, so it appeared as a bug to me.

On another note, i may create a new thread for that if you prefer, i get issues when navigation through input fields by arrow keys occasionally, where the key stroke gets block. It might be a correlated issue.

Once again, thank you for bringing this to our attention @oppi!

With 1.3.4.6, you are now able to use spaces in the global colour name:

Kindly let me know if this is the case on your end.

Thank you in advance.

It would be great if you could open another thread for this with additional details, so we may investigate it further.

Thank you for your understanding.