-
Notifications
You must be signed in to change notification settings - Fork 4.6k
Open
Labels
[Block] GroupAffects the Group Block (and row, stack and grid variants)Affects the Group Block (and row, stack and grid variants)[Block] Template PartAffects the Template Parts BlockAffects the Template Parts Block[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experiTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Feature] LayoutLayout block support, its UI controls, and style output.Layout block support, its UI controls, and style output.[Type] Tracking IssueTactical breakdown of efforts across the codebase and/or tied to Overview issues.Tactical breakdown of efforts across the codebase and/or tied to Overview issues.
Description
Related:
- This issues follows on from: Fixed Position Header and Footer Template Parts #30121
- Discussion in: Design for Position UI #46032
An initial implementation of sticky position block support was added and enabled on the Group block in: #46142. This issue lists follow-up tasks now that the initial PR has landed. Some of these could be split out into their own issues depending on complexity.
Current state of sticky position support
The screengrab below demos wrapping a header template part in a group block, setting that group block to full width, then setting that group block to "sticky":
header-wrapped-in-sticky-group.mp4
Follow-up tasks
- Re-enable sticky in non-root positions. Once this has been resolved, we can then close out Sticky positioning: nesting a sticky group block doesn't remove the sticky positioning #49903 and Position "sticky" - Gutenberg 15.1.0 killed sidebar option #47892 — WIP PR
- Explore opting the Columns block in to sticky position
- Update List View to flag in the UI when a block has a position value set (WIP PR)
- Update z-index approach to remove hard-coded z-index values and replace with presets in
theme.json. - Look into enabling
fixedposition on the Group block, and what other controls are required (e.g. width or more fine-grained position controls as described in Fixed Position Header and Footer Template Parts #30121) - Look into position UI for top/left/right/bottom positions and offsets, in particular support for fixed/sticky footers
- Improve the experience for setting a sticky or fixed header, e.g. is it possible to achieve without having to wrap the header template part in a sticky Group block? Related issue: Add support for Position setting to Template Parts for Sticky Headers #50617
- Explore whether there needs to be a control to lock the position settings to just desktop or mobile viewports?
- Explore outputting scroll-padding-top for fixed / sticky headers to ensure that links to parts of a page scroll correctly without being cut off: Make sticky positioning work with internal links and scroll padding #48656
- Position Panel: Open by default if a position type is set #49151
- Sticky Position: Add a "Make sticky" action to the Template Part block #49085 (Note: reverted in Revert: Make sticky block action on template part block #49219)
- Open up a PR in
wordpress-developto enable position CSS values in core (PR | Trac ticket)
Related tasks and issues
These tasks might not be immediately related, but in terms of UX and features, there could be some overlap to explore in the implementation:
- Negative margin in dimension controls #32644 (this would likely require some kind of z-index controls)
dcalhoun, Jabe64 and nomad-skateboarding-devJabe64
Metadata
Metadata
Assignees
Labels
[Block] GroupAffects the Group Block (and row, stack and grid variants)Affects the Group Block (and row, stack and grid variants)[Block] Template PartAffects the Template Parts BlockAffects the Template Parts Block[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experiTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Feature] LayoutLayout block support, its UI controls, and style output.Layout block support, its UI controls, and style output.[Type] Tracking IssueTactical breakdown of efforts across the codebase and/or tied to Overview issues.Tactical breakdown of efforts across the codebase and/or tied to Overview issues.
Type
Projects
Status
🎨 Needs design