Accessibility: Avoid a keyboard trap on the permalink custom structure setting.

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

Also changes `attr()` to `prop()` as recommended for a `checked` property.

Props afercia.
Fixes #40982.

Merges [40897] to the 4.8 branch.
Built from https://develop.svn.wordpress.org/branches/4.8@41024


git-svn-id: http://core.svn.wordpress.org/branches/4.8@40874 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2017-07-10 23:16:32 +00:00
parent b59b5b9ab8
commit e88ec329f7

View File

@ -100,8 +100,8 @@ jQuery(document).ready(function() {
return; return;
jQuery('#permalink_structure').val( this.value ); jQuery('#permalink_structure').val( this.value );
}); });
jQuery('#permalink_structure').focus(function() { jQuery( '#permalink_structure' ).on( 'click input', function() {
jQuery("#custom_selection").attr('checked', 'checked'); jQuery( '#custom_selection' ).prop( 'checked', true );
}); });
}); });
</script> </script>