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.

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

Improve how to select a parent block that has nested blocks #13319

Closed
mapk opened this issue Jan 14, 2019 · 2 comments
Closed

Improve how to select a parent block that has nested blocks #13319

mapk opened this issue Jan 14, 2019 · 2 comments
Assignees
Labels
[Feature] Nested / Inner Blocks Anything related to the experience of nested/inner blocks inside a larger container, like Group or P Needs Design Needs design efforts.
Milestone

Comments

@mapk
Copy link
Contributor

mapk commented Jan 14, 2019

PROBLEM
When block nest inside each other, the parent block becomes difficult to select.

parent-clicking-2

SOLUTION
Design a solution that allows easier selecting of the parent block.
Ideas:

  1. When a block becomes a parent block with nested blocks inside, does it increase visually with padding?
  2. Use a double-click method that allows one to click down into or up out of nested blocks.
  3. Other ideas?
@mapk mapk added Needs Design Needs design efforts. [Feature] Nested / Inner Blocks Anything related to the experience of nested/inner blocks inside a larger container, like Group or P labels Jan 14, 2019
@mapk mapk added this to the Future: Phase 2 milestone Jan 14, 2019
@mapk mapk self-assigned this Jan 14, 2019
@paaljoachim
Copy link
Contributor

I would suggest to create a thin outline of the block that is active. Then a very thin outline of the parent block. It will then show the relation between the two. Labels should also be clickable.
For instance a label that says Column (parent) -> Paragraph (child). Click the Column word to select the parent column. Click Paragraph word to select the child block.

Btw we can also use various border colors for standard blocks, global and reusable to create a visual difference between them. One would then associate a color with a type of block.

I have some ideas here: #12515

@mapk
Copy link
Contributor Author

mapk commented Jan 21, 2019

Looks like this is a duplicate of #9628. I'm closing this one.

@mapk mapk closed this as completed Jan 21, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Nested / Inner Blocks Anything related to the experience of nested/inner blocks inside a larger container, like Group or P Needs Design Needs design efforts.
Projects
None yet
Development

No branches or pull requests

2 participants