How to enable “shift-click to edit this widget” functionality on a custom widget?

In my custom widgets, I had omitted adding the ID to ‘before_widget’ markup, as I wasn’t using the IDs for styling. Turns out this is what the Customizer JS is using to target the widgets. (duh)

So, including the proper ID in the widget output makes everything work as it should.

Related Posts:

  1. Can a widget in the Customizer be “single-use” (i.e. disabled after 1 instance has been added)?
  2. Enabling jquery when dragging available widget to sidebar area
  3. Changes in widget customizer not triggering ‘save and publish’
  4. How to refresh Theme Customizer after change color inside wpColorPicker?
  5. Widgets not displaying in theme customizer
  6. How do I rebind event after widget save
  7. How to listen to color changes on the color picker?
  8. Where to get the unsaved list of widgets in customizer?
  9. Ban certain widgets from certain sidebars
  10. Widget “Save” resetting jQuery hidden fields
  11. jQuery does not work in widget backend
  12. Trigger Submit Event when Widget is added to Sidebar
  13. Using jQuery in widget development
  14. Remove the widgets tab from theme customizer
  15. cannot drag and drop widgets since wordpress 3.2.1
  16. AJAX Contact Form Issue
  17. Wp Customizer event for when a new widget has been added
  18. How to determine the number of widgets contained in a sidebar via customizer JS
  19. Sidebar not show customizer!
  20. jQuery UI inside widget on admin page
  21. WP_enqueue_script() loads them always in wp_footer()?
  22. Can’t see widget areas in my customizer
  23. Adding widgets with Featured Image via the Customizer run hundreds of queries
  24. Wrap the widget content with a div and get the widget title outside? [closed]
  25. Widget changes in customizer ajax error to many options?
  26. Color picker in widget appears twice when added via the Customizer
  27. Sorting widget control
  28. Access Customizer widget instance form
  29. How i can widget ID get after drag for wordpress with jquery?
  30. wordpress widget missing jquery
  31. WordPress Edit Button not appearing for widget in customizer
  32. Making jQuery .change() event persistent after widget save
  33. Make single widget area top level in 4.0 Customize Panel
  34. Jquery checkbox -show posts with checked tags
  35. Widget not appearing in customizer
  36. How do I enable the admin form for a custom widget that is called in a sidebar template, not to widget area?
  37. How to move widget area to another section in WordPress Customizer
  38. Force update widget customizer using js
  39. Add Control in Widgets Sub-Panel in Customizer
  40. Add Social Media icon widget to customizer
  41. Use customizer or sidebar for header settings?
  42. Using AJAX in WordPress Widget
  43. Using javascript on the new widget preview / customizer page
  44. Custom tabs widget don’t work in google chrome, is blocked, do not change the tabs. Why?
  45. Multiple widgets in wordpress
  46. jQuery “on” handler does not fire on newly inserted widgets [closed]
  47. Using AJAX in a Widget to Sort items [closed]
  48. $post>ID displays wrong post ID
  49. Video Embed in Sidebar Widget with Links to Others in Category
  50. Shortcode from a widget is wrapped in unwanted element
  51. Bookshelf plugin and/or widget [closed]
  52. How to update widget from widget() function?
  53. Add a banner to the Dashboard
  54. Unable to get Alert function to consistently work with backend widget with latest WP
  55. Widget options get
  56. Latest/Recent posts widget title link
  57. Insert Widget option into mark-up with register_sidebar
  58. Widgets not expanding on wordpress 3.3 widget dashbord
  59. Removing default theme widgets
  60. wp_register_sidebar_widget() disappered my Widgets submenu – what am I doing wrong?
  61. How to conditionally display widgetized areas in theme customizer?
  62. How to list all custom post types in a custom widget?
  63. How can I assign widgets from WP to appear in bbpress?
  64. get_option returns undesired blank instance of a widget
  65. escaping and sanitizing input for custom widget form fields
  66. Dynamic created widget id value of multi-instance in jQuery
  67. How to select multiple media files for a widget form?
  68. Create an extra Widget Areas in WordPress TwentyTwelve
  69. Apply code for all else first block
  70. Turn off “This is the Primary Sidebar Widget Area” message
  71. Adding a WordPress Widget to a settings page
  72. How to change “Call To +1800090098” in TopStore pro theme [closed]
  73. How to dynamically add the the input text field in widget?
  74. Header Sidebar Won’t Move Lower – Want to Align with Header Logo [closed]
  75. How to call custom jQuery plugins into the customizer controls
  76. Is there a way to use get_sidebar() when no widgets are activated?
  77. Is there any tab widget plugin supporting third party widgets? [closed]
  78. Add footer widgets
  79. Custom CSS for a particular text/html widget in WordPress
  80. Removing side bar widgets from GovPress theme
  81. Adding a single text input field to a custom Dashboard widget
  82. how to show only particular category post in archive widgets
  83. Limit archive widget results
  84. How can I detemine the parameters needed by the_widget()?
  85. Can you hide a widget based on its content?
  86. Fatal error: Uncaught Error: Class ‘WP_Widget’ not found
  87. Array showing all values of loop instead of specific value to post
  88. Make a widget to my footer
  89. How to change text of a widget depend on condition?
  90. Display Posts by Views (Popular Posts Widget)
  91. Default WordPress widgets always appear
  92. Add space to the end on a widget
  93. Show editor widgets only on pages that use a specific template?
  94. Options page for widget
  95. user definable sidebar per page
  96. List.js inside WordPress widget
  97. Show or hide custom menu widget in side bar conditionally
  98. Post Thumbnails on Sidebar Widgets
  99. Using Conditional Tags to restrict something to 1 user?
  100. Problem on register/login widgets