Changeset 40568

Timestamp:

05/02/2017 08:02:49 PM (7 years ago)

Author:

afercia

Message:

Accessibility: Avoid a keyboard trap on the date and time custom format settings.

Using the focus event on the date and time custom format fields made impossible
to navigate through all the form fields using only the keyboard without actually
selecting the custom format setting. Instead, using click and input preserves
the original functionality when using any kind of pointing or input device.

Fixes #40515.

File:

• trunk/src/wp-admin/includes/options.php (modified) (2 diffs)

trunk/src/wp-admin/includes/options.php

@@ -54 +54 @@
                 $( "input[name='date_format_custom']" ).val( $( this ).val() ).siblings( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() );
         });
-        $("input[name='date_format_custom']").focus(function(){
+        $( 'input[name="date_format_custom"]' ).on( 'click input', function() {
             $( '#date_format_custom_radio' ).prop( 'checked', true );
         });
@@ -62 +62 @@
                 $( "input[name='time_format_custom']" ).val( $( this ).val() ).siblings( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() );
         });
-        $("input[name='time_format_custom']").focus(function(){
+        $( 'input[name="time_format_custom"]' ).on( 'click input', function() {
             $( '#time_format_custom_radio' ).prop( 'checked', true );
         });