[wp-trac] [WordPress Trac] #47964: jQuery Syntax Error when using a colon character in the widget class

[WordPress Trac]

#47964: jQuery Syntax Error when using a colon character in the widget class
----------------------------------------+-----------------------------
 Reporter:  taskotr                     |      Owner:  (none)
     Type:  defect (bug)                |     Status:  new
 Priority:  normal                      |  Milestone:  Awaiting Review
Component:  Customize                   |    Version:  5.2.2
 Severity:  normal                      |   Keywords:
  Focuses:  javascript, administration  |
----------------------------------------+-----------------------------
 Some CSS frameworks uses a colon character when defining CSS classes. For
 example, [https://tailwindcss.com/docs/responsive-design tailwindcss uses
 it for Media Queries].

 When such class is added to the widget, the Customizer shows a jQuery
 error:

 {{{
 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo:
 w-full
 }}}

 **Steps to reproduce:**

 1. Activate a default WordPress theme, Twenty Nineteen;
 2. Add {{{md:w-full}}} class to site widgets;
 3. Go to the Customizer;

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