Skip to content

Element positioning (drag & drop) #1897

@ThierryA

Description

@ThierryA

The goal is to allow a user to add a block to a page and then drag it wherever they want, including on top of other elements (e.g. Text block on top of an Image block)

  • Make all top-level elements absolutely positioned (except for background image and CTA); add draggability of elements
  • Automatically position newly added element when inserting a new block
  • Add drag/drop reordering of elements in table of contents (contribute via Gutenberg)
  • Eliminate layer blocks
  • Ability to select and reorder elements (change z-index by virtue of document order (⬇️/⬆️ ), not changing the z-index CSS property).
  • Also consider “bring to front” and “send to back” options. Also, consider whether user confusion for ⬇️ actually meaning to raise an element in the stack, and ⬆️ to lower an element in the stack.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions