Community Forums › Forums › Archived Forums › General Discussion › No drag or reorder buttons in Gutenberg
- This topic has 7 replies, 2 voices, and was last updated 3 years, 11 months ago by Anita.
-
AuthorPosts
-
May 2, 2020 at 5:09 pm #498394telfireMember
Hello, I am starting with the Genesis Sample theme to develop a custom theme, and one reason I got Genesis to do this was because it says it is Gutenberg ready. Unfortunately, the Gutenberg editing experience seems pretty broken for me so I'm hoping either I'm doing something wrong, or someone has some better CSS I can put in my theme.
The biggest issue I have is that fullscreen items go all the way off the edge of the screen. As a result, I can't drag or reorder them.
In addition, the guide lines and hints that normally appear in Gutenberg when you mouse over different areas to help you visualize which element you're going to select are gone. It's really really hard to edit anything this way.
Additionally, there is horizontal scroll, which should definitely be avoided.
Is this something that went wrong during installation? Or is it the norm? Regardless, is there any popular way to fix it? Thank you very much in advance for any assistance! 😀
May 2, 2020 at 5:36 pm #498395telfireMemberSo, on further inspection, it's not really just the editor that's messed up. All the full screen blocks are hanging off the left edge in the regular CSS as well.
I can fix this with CSS, but really hoping this isn't normal and I have a messed up install or something, because the whole point of buying this framework was that I thought it was going to be a really clean nice starting point... hoping there is something easy I can do to not have to deal with all this.
Thank you very much in advance!
May 3, 2020 at 6:01 pm #498408AnitaKeymasterSince you're working with the Sample, the first thing I'd suggest is disable all of the plugins to see if there's a plugin conflict. What version of Genesis are you using? What's your PHP version?
Love coffee, chocolate and my Bella!
May 3, 2020 at 6:37 pm #498409telfireMemberHi Anita, really appreciate your reply! I'm on Genesis 3.3.2, and PHP 7.3.
I disabled all plugins to no avail. Then I tried a new piece of content and it wasn't happening there. I removed one thing at a time until I discovered it is the presence of a "List" block that triggers it.
Seems a list block anywhere on the page, including on its own, inside a group, or AB container, causes this issue.
I can't really figure out why at this point though. In web inspector, I deleted the list itself from the page and the issue is still there. I tried removing various body classes but that didn't seem to be it. I can't see any reason in the CSS as to why it is doing this.
I replicated this issue on two separate installs, one being clean.
Really appreciate any insight you can provide!
May 3, 2020 at 6:42 pm #498410telfireMemberQuick update, looks like list element is not the only way it can be triggered, I also added a "hero header" from the AB library and it occurred.
In the case of the hero header, the reason it triggered is because the AB container it adds had a "Inside Container Max Width (px)" value. Seems any value here triggers the bug.
The AB Testimonial block seems to do it too, no matter the settings. So I imagine there are several other blocks that probably do it too.
I can't really figure out the difference on the actual output though. It would seem like it must be applying some class to the body or something, but I've spent hours and I just can't find it.
May 3, 2020 at 6:54 pm #498411AnitaKeymasterOkay so first. Does the issue in the editor still exist WITH Atomic Blocks deactivated?
Love coffee, chocolate and my Bella!
May 3, 2020 at 7:11 pm #498414telfireMemberHmm, so it does happen even with the plugin itself disabled, however I assume that is still spitting out the raw HTML generated by the plugin in the case of the atomic blocks themselves.
It does not seem happen if I disable the plugin and make a new page and add a list.
In that case, would it make sense to bring my findings to the Atomic Blocks?
Should I just not use Atomic Blocks? I've not used it in the past, but it seems like the Genesis Sample contains a lot of styling for it, so I guess I'd have to clean it up a lot if I wanted to use it as a starting point. I sort of thought it was just intended as part of the deal for Genesis.
Thanks for your help!
May 3, 2020 at 8:15 pm #498417AnitaKeymasterIf the issue does not happen when Atomic Blocks is disabled, then Yes, post on the Atomic Blocks support tab or raise a ticket with StudioPress since it's happening with the Sample theme.
Love coffee, chocolate and my Bella!
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.