Video-Hub-App
Video-Hub-App copied to clipboard
{End} key in the gallery brings you to the ~99% mark, not the end of the gallery achievable via mouse scrolling.
If you hit the end key in the gallery it brings you to the ~99% mark of the "page". You can then scroll the last little bit with the mouse to get to the 100% mark. This causes the last couple of thumbnail titles to be obscured. Low priority bug but an oddity all the same.
If you hit the end key (which causes the gallery to lose focus: https://github.com/whyboris/Video-Hub-App/issues/645) and then refocus the gallery and hit the end key again it beings you to the 100% mark.
This appears to happen on all app zoom levels.
Current guess: something is lazy loaded and when you press the end key it brings you to the end of the page at that moment in time, but the act of scrolling loads some things in, adjusts some rendered sizes of elements, and thus there is a new "end".
In developer mode (npm start from master) this issue still occurs.
I see a lot of ng-if statements in developer mode, I see a style "transform: translateY(397px);" thing that pops up while scrolling in class "scrollable-content". Let me keep digging.
It is removing elements as you scroll and placing new ones as you scroll and then making the scrollbar look as if you are in the correct spot. Might just be an offset problem.
I see no wrapper divs changing their size that would account for obvious navigation key issues. I think it's the ng-if's / lazy loading of elements and some type of calculated offset problem. Not sure the fix, but I'll come back to this.
Stepping through the js source makes me think this is related to ngx-virtual-scroller.js oddities. I'll see what I can find there.
related? I think this is ngx-virtual-scroller oddities
rintoj/ngx-virtual-scroller#213 rintoj/ngx-virtual-scroller#144
Maybe: https://github.com/rintoj/ngx-virtual-scroller/issues/398