It has been reported quite a few times in Q&A of having a half blank page when editing a new post. I had seen that happen a few times in my case but only rarely. But what is a person to do if this happens to them? How can they finish a new post when they can only see part of the page?
Well, yesterday I went exploring a little further and was able to discover what causes it to happen. There are several methods to scroll down a page. It turns out in this one page (the edit post page), that if you use the scroll bar, that it gets the window a little confused. At least I've found that to be the case in Chrome. Instead of scrolling downward, it moves the viewport area upward. Strange!
So the workarounds that I propose when you are on this page involve scrolling not with the scroll bar, but rather with the wheel on your mouse or by using two fingers on your trackpad. You can also use the up/down arrow keys and the page up/page down keys. When you do any of these methods the error does not occur. If you forget and use the scroll bar to go down, simply drag the scroll bar all the way back to the top to reset it and then scroll down using one of the other methods.
Hat tip to Dario who probed into the CSS styling on the page and discovered that by adding "position: relative" to the section div with id of "main-section" that the error no longer occurs. (if you aren't an activerain developer, you can skip this paragraph) 😆
If you'd like to see how the error occurs and how to avoid it, I did short video that you can see below. Hopefully AR gets this fixed soon, but if it lingers around a while, at least know we can pinpoint how to avoid. Please assist others if you see them having trouble with it!
Comments (22)Subscribe to CommentsComment