[wp-trac] [WordPress Trac] #40578: Media Library: Clicking the edges of the media does not select, it only focuses the li.

[WordPress Trac]

#40578: Media Library: Clicking the edges of the media does not select, it only
focuses the li.
-------------------------------+-----------------------------
 Reporter:  circlecube         |      Owner:
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Media              |    Version:  trunk
 Severity:  normal             |   Keywords:
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 A user attempting to select the media element from the library can often
 not click the center of the thumbnail. There is an 8px margin on the
 containing LI element and if the thumbnail is clicked within that 8pm
 margin, the LI will receive focus (which is nice), but the thumbnail is
 not selected. This is also possible to do by clicking the white space
 between the thumbnails in the grid. The closer thumbnail will receive
 focus, but not be selected.

 For a user, It's a confusing moment, because the user has clicked the
 element and see the thumbnail highlight since if receives focus (which I
 assume if for keyboard controls and accessibility), but the image is not
 selected so the button in the media library modal (usually says "insert
 into page") is still inactive. A user would either need to click the image
 again (and be sure to click closer to the center of the thumbnail) or
 press the spacebar to activate the checkbox within focus.

 I suggest somehow removing the 8px margin so that any click on the element
 will also select the media. It will also still need to be remain as
 accessible as it currently is and allow keyboard controls to work.

 This occurs in every current browser. Unless there is a reason for this
 behavior, I'd say it is a UX bug.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40578>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform