Skip to content

[upstream] [TASK] Keep the docheader navigation row sticky - #19

Open
github-actions[bot] wants to merge 1 commit into
release/v14from
upstream-sync/892043ed97
Open

[upstream] [TASK] Keep the docheader navigation row sticky#19
github-actions[bot] wants to merge 1 commit into
release/v14from
upstream-sync/892043ed97

Conversation

@github-actions

Copy link
Copy Markdown

Automatisch vorgeschlagener Cherry-pick aus TYPO3-CMS/form @ 14.3.

Upstream-Commit

Commit-Message

Upstream-Commit-Message anzeigen
[TASK] Keep the docheader navigation row sticky

The module docheader consists of a navigation row (content navigation
toggle, breadcrumb, language selector) and the button bar. Only the
button bar was sticky, so the navigation row scrolled out of the
viewport and stayed gone for the rest of the editing session.

Both rows are now wrapped in a sticky container, keeping breadcrumb and
language selector reachable while working in long lists. On very small
viewports the container scrolls up by the height of the navigation row,
which preserves the previous behaviour there.

Both bars wrap, so how much of the docheader stays pinned is a runtime
value rather than a fixed one. A resize observer publishes the measured
heights as CSS custom properties, and the sticky offset as well as
everything pinned below the docheader offsets against those.

Resolves: #110390
Releases: main, 14.3
Change-Id: I7a36a3643b0f9a727ad5285e1a636957d1766867
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/95218
Tested-by: core-ci <typo3@b13.com>
Tested-by: Garvin Hicking <garvin@hick.ing>
Reviewed-by: Garvin Hicking <garvin@hick.ing>


Erzeugt von .github/workflows/upstream-sync.yml.
Um diesen Commit künftig nicht erneut vorzuschlagen, schließe die PR ohne Merge — der Marker unten bleibt erhalten.

The module docheader consists of a navigation row (content navigation
toggle, breadcrumb, language selector) and the button bar. Only the
button bar was sticky, so the navigation row scrolled out of the
viewport and stayed gone for the rest of the editing session.

Both rows are now wrapped in a sticky container, keeping breadcrumb and
language selector reachable while working in long lists. On very small
viewports the container scrolls up by the height of the navigation row,
which preserves the previous behaviour there.

Both bars wrap, so how much of the docheader stays pinned is a runtime
value rather than a fixed one. A resize observer publishes the measured
heights as CSS custom properties, and the sticky offset as well as
everything pinned below the docheader offsets against those.

Resolves: #110390
Releases: main, 14.3
Change-Id: I7a36a3643b0f9a727ad5285e1a636957d1766867
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/95218
Tested-by: core-ci <typo3@b13.com>
Tested-by: Garvin Hicking <garvin@hick.ing>
Reviewed-by: Garvin Hicking <garvin@hick.ing>
(cherry picked from commit 892043ed97d4e29a8b5386980067bf46fc72b38e)
@github-actions github-actions Bot added the upstream-sync Automatically proposed cherry-pick from upstream label Aug 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

upstream-sync Automatically proposed cherry-pick from upstream

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant