Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Pull to refresh not working inside elements with height 100%
See original GitHub issue- Framework7 version: 3.6.5
- Platform and Target: browser
- Live Link or JSFiddle: https://jsbin.com/wojuwiture/edit?html,js,output
Describe the bug
Pull to refresh is not working when I try to pull elements inside this structure:
<div class="page-content ptr-content">
<div class="ptr-preloader">
<div class="preloader"></div>
<div class="ptr-arrow"></div>
</div>
<div class="bar" style="height: 100%">
<div class="foo" style="height: 100%">
// HERE
</div>
</div>
</div>
I was using v2 before and it was working fine. I created other JS bin link to show that: https://jsbin.com/sebufohofa/edit?html,output.
To Reproduce
- Go to the JS bin link: https://jsbin.com/wojuwiture/edit?html,js,output
- Try to pull elements
Expected behavior
See the PTR
Actual Behavior
Doesn’t pull
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Chrome ignoring height of div when page first loads or on ...
As the .banner elements will not stretch the parent .slideshow container ... height:100%; width: 90%; margin: 0 auto; padding-bottom: 0; }.
Read more >CSS fix for 100vh in mobile WebKit - Matt Smith
Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport....
Read more >React Native Scrollview 101: The Best Practices Guide - Waldo
Read this deep and comprehensive guide on React Native's scrolling containers, which are called ScrollViews.
Read more >CSS Hack: Disable Chrome's Pull-to-Refresh on Android
I have the pull-to-refresh flag working fine in my Chrome with build 75.0.3770.100, but it has stopped showing up in 75.0.3770.101.
Read more >Take control of your scroll - customizing pull-to-refresh and ...
Turns out this behavior is called scroll chaining; the browser's default behavior when scrolling content. Oftentimes the default is pretty nice, ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Yep, will land in next update on a days
Cool, thanks. Is it possible to have this fix in v3.6.x?