WordPress.org
Get WordPress

Make WordPress Core

Opened 7 years ago

Closed 6 years ago

#47964 closed defect (bug) (invalid)

jQuery Syntax Error when using a colon character in the widget class

Reported by: taskotr's profile taskotr Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Customize Keywords: reporter-feedback
Focuses: javascript, administration Cc:

Description

Some CSS frameworks uses a colon character when defining CSS classes. For example, ​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;

Attachments (1)

colon_char_in_widget_class.jpg​ (195.2 KB) - added by taskotr 7 years ago.

Download all attachments as: .zip

Change History (3)

@taskotr
7 years ago

#1 @dlh
7 years ago

  • Keywords reporter-feedback added
  • Version 5.2.2 deleted

Hey @taskotr — are you still able to replicate this issue? If so, can you provide a code sample that causes it with a fresh installation?

#2 @dlh
6 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to invalid
  • Status changed from new to closed

Closing for lack of feedback.

Note: See TracTickets for help on using tickets.