web-stories-wp icon indicating copy to clipboard operation
web-stories-wp copied to clipboard

Editor interface scrolls in window revealing blank space at bottom

Open bmattb opened this issue 4 years ago • 5 comments

Bug Description

Web Stories editor interface is scrolling in the browser, creating a white area at the bottom if the user scrolls up/down within the design area:

Expected Behaviour

This shouldn't happen.

Steps to Reproduce

Screenshots

image8

Additional Context

  • Plugin Version:
  • WordPress Version:
  • Operating System:
  • Browser:

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance Criteria

Implementation Brief

bmattb avatar Nov 25 '20 17:11 bmattb

@swissspidy, any idea what this comes from? I can see it with a long menu in the left side (if the menu is longer than the window), but it the above gif the menu is clearly shorter. I haven't been able to recreate.

barklund avatar Jan 21 '21 20:01 barklund

Not off the top of my head.

@ernee @jamesozzie @LuckynaSan perhaps you are able to reproduce this?

Also reported in #6004:

  • When I scroll this large white space appears at the bottom of the screen which is weird and unnecessary

swissspidy avatar Jan 22 '21 16:01 swissspidy

Seeing this on a test site at WP.com:

Screen Shot 2021-01-22 at 7 30 55 PM

But the left admin menu is kind of long.

ernee avatar Jan 23 '21 03:01 ernee

I came to write about this issue and found that it was already here! It gets really frustrating when scrolling inside the Design area though because once the Web Stories interface moves, it displaces the mouse position relative to where the click was supposed to happen. When the Layers panel is open, it covers a portion of the bottom where the Animation functions can be seen. Therefore it always forces me to scroll to reveal the Animation part, and almost 99% of the time I'd forget not to scroll too fast.

In my opinion, when inside of Web Stories, the WP menu should be either static or make the interface full height. I'm saying this cause the Make Stories plugin, which I also have installed, does exactly that! When using it, the WP menu stays in place. So, I guess that's something the team at Google Web Stories can pull too.

Once again, I'm hoping for a fix in near future.

Thanks

dadarkman avatar Feb 03 '21 17:02 dadarkman

@dadarkman Do you have many plugins installed and thus a long admin menu? Just so we can better test any possible scenarios.

swissspidy avatar Feb 05 '21 14:02 swissspidy