1276725 - Text Is Not King (top left word should not move when resizing window or loading ads)

Status: RESOLVED WORKSFORME

(Firefox :: Untriaged, defect)

Description

[Geoff Pope]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:46.0) Gecko/20100101 Firefox/46.0
Build ID: 20160502172042

Steps to reproduce:

resize a window with text, or load a "heavy" web page with text, pics and ads using a slow internet connection (or a slow ad server).


Actual results:

When I resize the window, the word I read last jumps up or down, often off the screen. When I load a web page, I start reading the text, then the pics and ads arrive, and the word my eyes were on jumps up or down to make room for the new items. In both cases, the text is yanked away from my eyes, so I have to scroll up or down to find the word I was on.


Expected results:

Ideally the browser should know what word my eyes are on and not move that word unless I scroll up or down. Since that's not possible, the next best thing is to always make the top left word on the screen the "anchor". If pictures or ads arrive, they should be inserted before the top left word (ie off the screen) or later in the text body. If the window is resized, the top left word should stay in place, while everything else adjusts. 

In general, regardless of how the formatting changes, the top left word should stay in place on the screen. 

Text should always be the top rendering priority. 

"TEXT IS KING"

Comment 1

[Brindusa Tot, DTE]

Geoff, thank you for taking the time to log this issue. I investigated a little bit the issue you described, and I don't think it is the browser's fault that the text/pics/adds are moving when window is re-sized. Actually it seems to be how the page is written. Here are two different examples of pages where page content is moving or not:

1. The page content is easily moving when page is resized:
http://edition.cnn.com/2016/06/03/sport/olympics-rio-2016-zika-dilma-rousseff-crisis/index.html
2. The page content does NOT move when page is resized:
http://edition.cnn.com/2016/06/03/sport/olympics-rio-2016-zika-dilma-rousseff-crisis/index.html
Both examples works the same on Chrome and Firefox(Nightly or Release)

Here are some links where web developers are trying to fix this issue:
http://stackoverflow.com/questions/19367217/how-to-make-elements-stop-from-moving-when-resizing-the-window-after-using-perce
http://stackoverflow.com/questions/16491324/content-moves-when-resizing?rq=1

Comment 2

[Brindusa Tot, DTE]

Based on Comment 1 and the fact that the reporter did not add more info until now, I will mark this as Resolved-Worksforme.