[wp-trac] [WordPress Trac] #47183: Console warning with Dashicons font and input type="radio"

WordPress Trac noreply at wordpress.org
Wed May 8 14:30:37 UTC 2019


#47183: Console warning with Dashicons font and input type="radio"
----------------------------+-----------------------------
 Reporter:  aduth           |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  5.2
 Severity:  normal          |   Keywords:
  Focuses:  ui              |
----------------------------+-----------------------------
 Previous Slack conversations:

 - https://wordpress.slack.com/archives/C02QB2JS7/p1557297423309300
 - https://wordpress.slack.com/archives/C02RQBWTW/p1557323743348700

 Possibly related to (introduced by?): r44940 (#41074)

 As of WordPress 5.2, viewing any admin page where a checked radio button
 is present will display a warning in the developer tools console:

 {{{
 Failed to decode downloaded font: http://editor.test/wp-
 includes/fonts/dashicons.eot?50db0456fde2a241f005968eede3f987
 OTS parsing error: invalid version tag
 }}}

 Steps to reproduce:

 1. Open your browser's developer tools console
 2. Navigate to `/wp-admin/export.php`
 3. Observe warning in console

 Additional debugging information from @talldanwp:

 >I’ve narrowed it down to being triggered by radio inputs. They use a
 pseudo-element to display the filled circle when checked:
 >
 >https://github.com/WordPress/wordpress-develop/blob/master/src/wp-
 admin/css/forms.css#L141
 >My current thinking is that the warning is being shown because of
 `content: "\2022";`. The pseudo-element is inheriting dashicons as the
 font family, but ‘\2022’ isn’t a valid dashicons code point. This is
 reproducible in wp-admin and within Gutenberg (post visibility in
 Gutenberg, screen options on the posts screen in wp-admin).
 >
 >It doesn’t actually seem to cause any problems in the UI. I’m not
 entirely sure why this is all of a sudden an issue, either. The CSS has
 been unchanged for 4-5 years.

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


More information about the wp-trac mailing list