[wp-trac] [WordPress Trac] #43452: Toolbar: Target for page-jump links hidden behind admin bar after a jump

[WordPress Trac]

#43452: Toolbar: Target for page-jump links hidden behind admin bar after a jump
--------------------------+------------------------------
 Reporter:  kokkieh       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Toolbar       |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:
--------------------------+------------------------------
Description changed by designsimply:

Old description:

> Page jump links cause the target text to be hidden behind the admin bar
> for logged in users after clicking on the page jump link.
>
> === To replicate ===
>
> 1. Create a new post/page
> 2. Add some text, at least a couple pages
> 3. Add an id attribute to some text that appear below the fold
> 4. Add a link at the top targeting the id
> (Alternatively, add some footnotes throughout the text)
> 5. Publish the post, view, and click the link
>
> === What I expected ===
>
> That the footnote/text with the id attribute will appear at the top of my
> browser, as it does when logged out:
>
> [[Image(jump1.gif)]]
>
> === What happened instead? ===
>
> The next line below the targeted text appeared at the top of my browser,
> as the targeted line itself was behind the admin bar:
>
> [[Image(jump2.gif)]]
>
> If the target id-attribute is added to a heading this is less noticeable
> - logged out there's some space between the top of the browser and the
> heading after the jump, but logged in the heading is flush against the
> admin bar. It looks like the `padding-top` value used on headings
> mitigates the effect. That padding is absent if the jump target is inline
> text or a footnote.
>
> This behavior can also be observed with Continue Reading links in posts.
>
> Possibly similar to #22520, found by @designsimply

New description:

 Page jump links cause the target text to be hidden behind the admin bar
 for logged in users after clicking on the page jump link.

 === To replicate ===

 1. Create a new post/page
 2. Add some text, at least a couple pages
 3. Add an id attribute to some text that appear below the fold
 4. Add a link at the top targeting the id
 (Alternatively, add some footnotes throughout the text)
 5. Publish the post, view, and click the link

 === What I expected ===

 That the footnote/text with the id attribute will appear at the top of my
 browser, as it does when logged out:

 [[Image(https://cldup.com/X_8HBiRbPd.gif)]]

 === What happened instead? ===

 The next line below the targeted text appeared at the top of my browser,
 as the targeted line itself was behind the admin bar:

 [[Image(https://cldup.com/N0GhD2Gj63.gif)]]

 If the target id-attribute is added to a heading this is less noticeable -
 logged out there's some space between the top of the browser and the
 heading after the jump, but logged in the heading is flush against the
 admin bar. It looks like the `padding-top` value used on headings
 mitigates the effect. That padding is absent if the jump target is inline
 text or a footnote.

 This behavior can also be observed with Continue Reading links in posts.

 Possibly similar to #22520, found by @designsimply

--

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