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

Button Block: Cannot Move Button with Alignment Applied #9401

Closed
jakerambo opened this issue Aug 28, 2018 · 3 comments
Closed

Button Block: Cannot Move Button with Alignment Applied #9401

jakerambo opened this issue Aug 28, 2018 · 3 comments
Labels
[Feature] Blocks Overall functionality of blocks Needs Testing Needs further testing to be confirmed.

Comments

@jakerambo
Copy link

Describe the bug
Button cannot be moved with alignment options applied. You must remove alignment to move button then reapply alignment option. The add new block button is overlapping the up and down arrows. Very confusing behavior.

To Reproduce
Steps to reproduce the behavior:
Create Button block with other blocks of content in editor.
Apply alignment.
Try to move button block up or down.

Expected behavior
Options to move button block up or down should be usable when block is in focus.

Desktop (please complete the following information):

  • OS: Ubuntu 18.04
  • Browser chrome
  • Version 68.0.3440.106

Additional context
gutenberg: 3.6.2

@designsimply designsimply added [Feature] Blocks Overall functionality of blocks Needs Testing Needs further testing to be confirmed. labels Aug 28, 2018
@arunsathiya
Copy link
Contributor

Noting that I was able to move a button block up and down, when it was aligned to the:

  • Left
  • Center

But, I was not able to move the block up or down when it was aligned to the right. Is that what you are referring to as well?

GIF indicating this behavior below.

button block navigation is not possible when the button is aligned to the right 2018-08-28 22_50_28


Tested on a local install of WordPress. WordPress 4.9.8 and Gutenberg 3.6.2 using Firefox Quantum 61.0.2 (64-bit) on macOS 10.13.6

@jakerambo
Copy link
Author

jakerambo commented Aug 28, 2018

Center is fine. I cannot move it on left or right on Chrome 68.0.3440.106 or firefox 61.0.1 It is very difiicult to discern but in your gif there is a moment where you where moving down and it moved the text not the button. It is related. I think the issue here is that the floating of the button is causing issues with the move controls being overlapped by other controls. So that instead of being able to move the button block it moves the text block. Also if you add the button to the the very bottom and apply left or right alignment the "Add New Block" button covers the move arrows.

@ellatrix
Copy link
Member

Screenshot 2019-06-18 at 13 47 53

I'm seeing the buttons appear fine now in the latest Gutenberg release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Blocks Overall functionality of blocks Needs Testing Needs further testing to be confirmed.
Projects
None yet
Development

No branches or pull requests

4 participants