[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