[wp-trac] [WordPress Trac] #27403: Improve UI for linking areas of Customizer preview to corresponding controls (desktop and mobile)

[WordPress Trac]

#27403: Improve UI for linking areas of Customizer preview to corresponding
controls (desktop and mobile)
-------------------------------------+-------------------------------------
 Reporter:  westonruter              |       Owner:  sirbrillig
     Type:  enhancement              |      Status:  closed
 Priority:  high                     |   Milestone:  4.7
Component:  Customize                |     Version:  3.9
 Severity:  normal                   |  Resolution:  fixed
 Keywords:  has-screenshots has-     |     Focuses:  ui, accessibility,
  patch commit                       |  javascript
-------------------------------------+-------------------------------------
Changes (by westonruter):

 * status:  assigned => closed
 * resolution:   => fixed


Comment:

 In [changeset:"38967"]:
 {{{
 #!CommitTicketReference repository="" revision="38967"
 Customize: Add edit shortcuts in customizer preview to visually expose
 editable elements and focus on the corresponding controls when clicked.

 * Edit shortcuts show initially for a moment and then fade away so as to
 not get in the way of the preview.
 * Visibility of edit shortcuts is toggled by clicking/touching anywhere
 inert in the document.
 * Implements UI for mobile and touch devices which do not support shift-
 click.
 * Adds `editShortcutVisibility` state.
 * Adds new methods to `wp.customize.selectiveRefresh.Partial` for managing
 edit shortcuts.

 Incorporates aspects of the Customize Direct Manipulation feature plugin.

 Props sirbrillig, mattwiebe, celloexpressions, melchoyce, westonruter,
 afercia.
 Fixes #27403.
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/27403#comment:93>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform