Bug 1846186 Comment 4 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

There seem to be a few issues on this page, which may or may not be related

1. There is a sidebar on the lefthand side of the page which contains several headings and nested divs with text content. On my screen, this sidebar overflows the viewport in the Y direction, so you have to scroll to see the rest of its content. All information in the sidebar hittests accurately on initial page load, including the content outside of the viewport (in fact, when you try to hittest a container that is partially but not completely within the viewport, VO appropriately scrolls the entire container on screen, which makes me think this information is correctly cached even without triggering a cache push via scrolling. this is good :) ). When you scroll the page "down" such that the sidebar content is offscreen, the side bar jumps to make itself visible again. This is accomplished by manipulating the `padding` property, not via any position info -- so I think we need to add position to the props we monitor style changes on. 

2. Information in the "movie details" element is not hittestable on initial page load -- specifically, this is a problem for "move create" and "movie mfr" elements. If I use VO with keyboard to navigate to these items, the visual cursor is ~30 pixels above where the actual text appears on screen (though its height and width appear correct). When I scroll the page and try to locate these items with VO + keyboard, the visual cursor appears in the same spot, offset from the top of the page. Again, seems like a bounds issue rather than a hittesting/viewport one. 

3. Some elements that are not in the viewport on initial page load are not hittestable. This does not appear to be true for the images / play button images. It does seem to be true for the text in the "movie details" section (including "movie title" and "movie artist" which previously worked). I wonder if they're doing some scrolling hack here with padding, too, but I couldn't find it in the js like I could for the sidebar. Interestingly, if I use VO to nav to these items with the keyboard, the "movie create" and "movie mfr" elements are still misplaced, but the "movie title" and "movie artist" ones appear correctly bound by the visual cursor. Also, once I've navigated to them with the keyboard, they're hittestable with the mouse (even if I move the visual cursor elsewhere and then revisit the elements with the mouse)...
There seem to be a few issues on this page, which may or may not be related

1. There is a sidebar on the lefthand side of the page which contains several headings and nested divs with text content. On my screen, this sidebar overflows the viewport in the Y direction, so you have to scroll to see the rest of its content. All information in the sidebar hittests accurately on initial page load, including the content outside of the viewport (in fact, when you try to hittest a container that is partially but not completely within the viewport, VO appropriately scrolls the entire container on screen, which makes me think this information is correctly cached even without triggering a cache push via scrolling. this is good :) ). When you scroll the page "down" such that the sidebar content is offscreen, the side bar jumps to make itself visible again. This is accomplished by manipulating the `padding` property, not via any position info -- so I think we need to add padding to the props we monitor style changes on. 

2. Information in the "movie details" element is not hittestable on initial page load -- specifically, this is a problem for "move create" and "movie mfr" elements. If I use VO with keyboard to navigate to these items, the visual cursor is ~30 pixels above where the actual text appears on screen (though its height and width appear correct). When I scroll the page and try to locate these items with VO + keyboard, the visual cursor appears in the same spot, offset from the top of the page. Again, seems like a bounds issue rather than a hittesting/viewport one. 

3. Some elements that are not in the viewport on initial page load are not hittestable. This does not appear to be true for the images / play button images. It does seem to be true for the text in the "movie details" section (including "movie title" and "movie artist" which previously worked). I wonder if they're doing some scrolling hack here with padding, too, but I couldn't find it in the js like I could for the sidebar. Interestingly, if I use VO to nav to these items with the keyboard, the "movie create" and "movie mfr" elements are still misplaced, but the "movie title" and "movie artist" ones appear correctly bound by the visual cursor. Also, once I've navigated to them with the keyboard, they're hittestable with the mouse (even if I move the visual cursor elsewhere and then revisit the elements with the mouse)...

Back to Bug 1846186 Comment 4