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

UI: Moving block should scroll window with the block #161

Closed
androb opened this issue Mar 1, 2017 · 4 comments · Fixed by #463 · May be fixed by Verdinjoshua26/gutenberg#50
Closed

UI: Moving block should scroll window with the block #161

androb opened this issue Mar 1, 2017 · 4 comments · Fixed by #463 · May be fixed by Verdinjoshua26/gutenberg#50
Assignees
Labels
Framework Issues related to broader framework topics, especially as it relates to javascript [Type] Task Issues or PRs that have been broken down into an individual action to take

Comments

@androb
Copy link
Contributor

androb commented Mar 1, 2017

Tall blocks, such as long paragraphs, can cause disorientation when moving blocks.

Imagine a document:
(Small Para A)
(Large Long Para)
(Small Para B)

when moving Small Para A down and then back up the screen jumps around and it can be hard to follow what is happening. You can see this in

It would be interesting for a designer to evaluate if a small and fast animation might help orient the user as to what is happening.

@androb androb added Design [Type] Question Questions about the design or development of the editor. labels Mar 1, 2017
@crisspyking
Copy link

I think that could definitely help clarify this interaction. I've made a quick mock up (taking some inspiration from the google material/motion guidelines) of how this might look.

This could be tweaked timing wise depending on the feel / speed of other interactions but as a rough idea:

switch-blocks-animation

@ellatrix
Copy link
Member

ellatrix commented Mar 6, 2017

Animations would definitely help in one way, but might interfere in another. What if you want to move a block a few blocks down? I'd just like to be able to click through this without delay. Same for keyboard shortcuts. Press and hold means moving it down continuously until the keys are released. For these reasons it is also important that the scroll position is kept for the moving block.

@inhll
Copy link

inhll commented Mar 21, 2017

Moving blocks a single space away is definitely helpful, and @iseulde has a great point about moving blocks further away. I wonder if users A) swap nearby blocks (moving within 1-3 blocks of current location) or B) make big content adjustments (moving 4+ blocks from it's original location) more often.

@jasmussen jasmussen changed the title Animation showing when blocks move up and down? UI: Moving block should scroll window with the block Apr 20, 2017
@jasmussen jasmussen added Framework Issues related to broader framework topics, especially as it relates to javascript [Type] Task Issues or PRs that have been broken down into an individual action to take and removed UI Prototype [Type] Question Questions about the design or development of the editor. labels Apr 20, 2017
@jasmussen jasmussen added this to the Prototype Parity milestone Apr 20, 2017
@jasmussen
Copy link
Contributor

Updated this ticket a bit. It should work as it does in this prototype: https://wordpress.github.io/gutenberg/tinymce-per-block/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Framework Issues related to broader framework topics, especially as it relates to javascript [Type] Task Issues or PRs that have been broken down into an individual action to take
Projects
None yet
8 participants