Skip to content

Jumping to an anchor located in a shorter tab modifies vertical scroll of the tab #240

@alex4401

Description

@alex4401

Reproduction

  • Create a tabber where tab 1 is longer than tab 2, and tab 2 contains an anchored element with a jump link.
<tabber>
Longer tab=
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br/>
Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br/>
Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br/>
Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb<br/>
|-|
Bug test tab=
[[#Jump_target|Jump]]
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
<h3>Jump target</h3>
</tabber>
  • Switch to tab 2. Click on the jump link.

What happens

Viewport is scrolled to bring the anchor into view. Tab's vertical scroll offset is also modified to 'adjust' for the height difference.

Image

What is expected to happen

Viewport is scrolled to bring the anchor into view. Tab's vertical scroll offset stays at zero.

Additional information

  • Reproduced with TabberNeue 2.7.4 and 3.1.2 in Firefox 140 and Chrome 137.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions