[wp-trac] [WordPress Trac] #46371: Make sure in-page anchors are not hidden behind top bars

[WordPress Trac]

#46371: Make sure in-page anchors are not hidden behind top bars
-------------------------------+-----------------------------------------
 Reporter:  afercia            |      Owner:  (none)
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Future Release
Component:  Toolbar            |    Version:
 Severity:  normal             |   Keywords:  needs-patch has-screenshots
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------------------
 Moved from https://github.com/WordPress/gutenberg/issues/10101

 This issue always existed but it's more evident now that the new Block
 Editor (Gutenberg) supports in-page anchors for headings.

 When the admin bar is visible, following a link to an in-page anchor works
 but the targeted element is hidden behind the WordPress admin bar (see
 attached screenshot).

 Similarly, bundled themes that have a sticky top bar should take care of
 this.

 As mentioned in the Gutenberg GitHub issue, there's a simple CSS technique
 to address this problem (using the `:target` selector) and turns out it's
 already used on wp.org. For example, follow this link:
 https://make.wordpress.org/core/handbook/best-practices/commit-
 messages/#guidelines

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