Directory

Add a z-index control for blocks where position is/can be set · Issue #60411 · WordPress/gutenberg · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add a z-index control for blocks where position is/can be set #60411

Open
markhowellsmead opened this issue Apr 3, 2024 · 3 comments
Open

Add a z-index control for blocks where position is/can be set #60411

markhowellsmead opened this issue Apr 3, 2024 · 3 comments
Labels
CSS Styling Related to editor and front end styles, CSS-specific issues. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@markhowellsmead
Copy link

markhowellsmead commented Apr 3, 2024 •
edited

What problem does this address?

Several considerations and many use-cases, for example the stacking order of elements with negative margins (#60347) or the use of multiple sticky blocks.

What is your proposed solution?

Add a control to allow a range of preset z-index options, with a switch for a free number field. (In comparison with existing padding, margin and block gap interface controls).
@markhowellsmead markhowellsmead added the [Type] Enhancement A suggestion for improvement. label Apr 3, 2024
@markhowellsmead markhowellsmead mentioned this issue Apr 3, 2024
Merged
3 tasks
@markhowellsmead
Copy link
Author

See also #32644 and #40464.

@burnuser
Copy link

burnuser commented Apr 3, 2024

Consider indicating (and maybe editing) the z-index in the List-View for the needed oversight and an efficient management of sticky/overlapping blocks.

@skorasaurus skorasaurus added the CSS Styling Related to editor and front end styles, CSS-specific issues. label Apr 3, 2024
@andrewserong andrewserong added the Needs Design Feedback Needs general design feedback. label Apr 4, 2024
@altivero
Copy link

I was very excited about creating a pattern with negative margins #60347 until I overlapped a cover with an overlay.

negative-margins-no-z-index

A pattern like this would be nice in the pattern library but doesn't seem possible with additional css or a z-index control.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
CSS Styling Related to editor and front end styles, CSS-specific issues. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@skorasaurus @markhowellsmead @andrewserong @burnuser @altivero