Video-Hub-App icon indicating copy to clipboard operation
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.

Open TheTacoScott opened this issue 4 years ago • 7 comments

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.

TheTacoScott avatar Feb 22 '21 14:02 TheTacoScott

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".

TheTacoScott avatar Feb 22 '21 14:02 TheTacoScott

In developer mode (npm start from master) this issue still occurs.

TheTacoScott avatar Feb 22 '21 15:02 TheTacoScott

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.

TheTacoScott avatar Feb 22 '21 15:02 TheTacoScott

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.

TheTacoScott avatar Feb 22 '21 15:02 TheTacoScott

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.

TheTacoScott avatar Feb 22 '21 15:02 TheTacoScott

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.

TheTacoScott avatar Feb 22 '21 15:02 TheTacoScott

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

TheTacoScott avatar Feb 22 '21 15:02 TheTacoScott