Pinned Visual Editor breaking footer

[hardeepasrani]

In addition to #29225, here's another bug with a lot of text in text editor of 4.0's floating TinyMCE.

Just like #29225, paste a lot of text into the text editor and scroll down to the bottom.

When you'll toggle from text to visual editor, it will scroll to the top (because it's just some plain text without line breaks, so the visual editor will take it into a single line) and it will break down the bottom of the page, as seen in the attached image.

If you guys are having problems in understanding this ticket, then notify me so I could attach a video :)

Thanks for the amazing work :)

[hardeepasrani]

When you scroll to the bottom after toggling to the visual editor.

[johnbillion]

This is quite easy to reproduce. You can also edit a post which contains loads of content, scroll right to the bottom, then start deleting content from the bottom up. The footer of the site then starts to rise up.

[iseulde]

I also noticed that, when you're at the bottom and scroll a tiny bit further (possible on a mac at least), the position switches between fixed and absolute for an instant, which causes the sidebar to jump.

[mackensen]

I tested this with a 15-paragraph post (1501 words). On a 13" Macbook the size of #wpwrap was 1311px X 4552px in the visual editor but only 1311px X 2584px in the text editor. Essentially you're off the page and the design doesn't compensate. Changing the position property on #wpwrap from relative to fixed resolves the display issue but breaks scrolling.

[mackensen]

Resets scroll position if necessary

[mackensen]

I've added attachment:reset-client-window.29226.patch​ which resets the client scroll position if it exceeds the size of #wpwrap.

[azaozz]

In [29592]:

Editor scrolling: fix window height when switching Visual to Text and the editor is shorter. Props mackensen, fixes #29226.