WordPress.org

Make WordPress Core

Opened 3 years ago

Last modified 6 months ago

#38431 new defect (bug)

-webkit-appearance rule should be removed from the CSS

Reported by: laurent22777 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.3
Component: Customize Keywords: reporter-feedback
Focuses: Cc:
PR Number:

Description

The -webkit-appearance rule used in customize-control.css is not supported properly on all browsers and in some cases might make certain layouts impossible. Please see the MDN article about it:

https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance

As mentioned there, even the "none" value will have different behavior on different browsers. In my case, it forces the element to wrap to the next line on Chrome, and the only way to go around this is to delete the rule directly in the WordPress CSS.

Change History (3)

#1 @desrosj
7 months ago

  • Keywords reporter-feedback added
  • Version changed from 4.6.1 to 4.3

Hi @laurent22777!

Welcome to Trac! My apologies that it took so long to receive a response.

Are you still experiencing this issue? Can you provide some screenshots and code to help others reproduce the issue?

Ticket this was introduced in: #31336

#2 @desrosj
7 months ago

  • Component changed from General to Customize
  • Focuses ui removed

#3 @laurent22777
6 months ago

Well unless you lend me your time machine I can't provide screenshots of something I was working on three years ago :-)

All I know is that for sure the rule "-webkit-appearance" should be removed from the CSS because it doesn't work well, and once it's set it cannot be overridden by the user. As the post said, my fix was to remove it directly from the WordPress CSS.

Note: See TracTickets for help on using tickets.