[wp-trac] [WordPress Trac] #56737: theme.json link styles overrides link styles in the front view of the WordPress adminbar

[WordPress Trac]

#56737: theme.json link styles overrides link styles in the front view of the
WordPress adminbar
--------------------------+------------------------------
 Reporter:  poena         |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  General       |     Version:
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:
--------------------------+------------------------------
Description changed by poena:

Old description:

> If a theme includes a theme.json file and sets a {{{font-style}}} on
> links, the {{{font-style}}} also changes the links in the WordPress admin
> bar, when the admin bar is visible on the front of the website.
>
> Originally reported by @audrasjb in
> [https://github.com/WordPress/twentytwentythree/issues/248 the GitHub
> repository for Twenty Twenty-Three ]
>
> == Steps to reproduce
> On your WordPress install, please make sure that the WordPress adminbar
> is set to display on the front of the website (User > toolbar, Show
> Toolbar when viewing site).
>
> 1. Activate Twenty Twenty-Three
> 2. Go to Appearance, Editor (beta)
> 3. Open the Styles sidebar. Select the style variation called "Block
> Out".
> 4. Save and view the front.
> 5. Confirm if the admin bar has italic link texts. (This is the bug)
>
> Alternatively, add the following to theme.json in your chosen test theme,
> and repeat from step 2 above.
>
> {{{
> {
>         "$schema": "https://schemas.wp.org/trunk/theme.json",
>         "version": 2,
>         "styles": {
>                 "elements": {
>                         "link": {
>                                 "typography": {
>                                         "fontStyle": "italic"
>                                 }
>                         }
>                 }
>         }
> }
> }}}

New description:

 If a theme includes a theme.json file and sets a {{{font-style}}} on
 links, the {{{font-style}}} also changes the links in the WordPress admin
 bar, when the admin bar is visible on the front of the website.

 Originally reported by @audrasjb in
 [https://github.com/WordPress/twentytwentythree/issues/248 the GitHub
 repository for Twenty Twenty-Three ]

 == Steps to reproduce
 On your WordPress install, please make sure that the WordPress adminbar is
 set to display on the front of the website (User > toolbar, Show Toolbar
 when viewing site).

 1. Activate Twenty Twenty-Three
 2. Go to Appearance, Editor (beta)
 3. Open the Styles sidebar. Select the style variation called "Block Out".
 4. Save and view the front.
 5. Confirm if the admin bar has italic link texts. (This is the bug)

 Alternatively, add the following to theme.json in your chosen test theme
 and view the front of the website:

 {{{
 {
         "$schema": "https://schemas.wp.org/trunk/theme.json",
         "version": 2,
         "styles": {
                 "elements": {
                         "link": {
                                 "typography": {
                                         "fontStyle": "italic"
                                 }
                         }
                 }
         }
 }
 }}}

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/56737#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform