[wp-trac] [WordPress Trac] #20880: Keyboard navigation in Appearance > Header is broken

WordPress Trac wp-trac at lists.automattic.com
Thu Jun 7 17:40:35 UTC 2012


#20880: Keyboard navigation in Appearance > Header is broken
--------------------------+-----------------------------
 Reporter:  kovshenin     |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Appearance    |    Version:  3.3.2
 Severity:  normal        |   Keywords:
--------------------------+-----------------------------
 It's impossible to use the Appearance > Header section with the keyboard
 because the Enter button will submit the form using the top-most submit
 input, which is not always the Save Changes button. How to reproduce, in
 Appearance > Header, using Twenty Eleven:

 1. Select one of the default header images
 2. Check the Show header text with your image option
 3. Enter #111 for Text Color
 4. Click Save Changes

 At this point everything looks fine, but here comes the trouble:

 5. Enter #222 for Text Color and hit Enter

 You'll notice that #222 hasn't been set as the Text Color, instead your
 chosen header image (in step 1) has been removed, as if the Remove Header
 Image button was clicked.

 6. Enter #333 for Text Color and hit Enter

 You'll notice that #333 hasn't been set as the Text Color, instead it's
 been set to #000 which is Twenty Eleven's default, as if the Restore
 Original Header Text button was clicked.

 When both Remove Header Image and Restore Original Header Text buttons are
 not present, the Return key submits the form using Save Changes, as
 expected. It's not limited to Text Color, but any other element that can
 submit the form using the Enter key.

 I've been facing the exact same problem when doing an options panel for a
 theme with multiple actions as submit buttons, still haven't found a good
 solution. Marked as 3.3.2 but I believe it's been around earlier.

 Thanks!

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/20880>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software


More information about the wp-trac mailing list