Head
#1
Scroll this list up and down. Pull-to-refresh should NOT trigger when scrolling up from any position. This item contains more text to test the scrolling behavior properly.
#2
The content__inner container should handle all scrolling. The outer containers should not scroll. Testing overscroll-behavior: none on body and contain on inner container.
#3
Body is position: fixed with overflow: hidden. HTML has overflow hidden too. This should prevent any document-level scrolling.
#4
The .content container has overflow: hidden, only .content__inner can scroll. Touch-action CSS is set to control touch behavior.
#5
Testing item. Checking if TonKeeper respects overscroll-behavior CSS property. The viewport meta tag includes viewport-fit=cover and user-scalable=no.
#6
Middle item. Continue scrolling to test behavior in the middle of the list. Pull-to-refresh should never activate unless we're at the very top.
#7
Another test item to ensure we have enough content to scroll. The -webkit-overflow-scrolling property is set to auto instead of touch.
#8
Testing overscroll in TonKeeper. This browser might not respect standard CSS properties. We need JavaScript to properly intercept touch events.
#9
More content for scrolling. The layout matches the Vue MobileLayout structure. All containers are properly nested as in the original application.
#10
Testing item number 10. Keep scrolling to see more items below. The footer should stay fixed at the bottom.
#11
Additional content to ensure scrolling works properly. Check if pull-to-refresh triggers when scrolling up from here.
--- End of list ---
Scroll back up to test