CODEWITHSUNDEEP
htmlcssgoogle-chrome-devtools
GetsugaTensho
GetsugaTensho

Reputation: 29

why 'overflow' is not working correctly on mobile?

I have problem scrolling with touch scrolling, it's working just fine with mouse and keyboard arrows but not by touching. This is the html code:

<div class="drive-dashboard">
   <div id="dashboardContainer" class="dashboard-container"/>
</div>

And this is the CSS part

.drive-dashboard {
   height: 100%;
   width: 100%;
   position: absolute;
   overflow: auto;
}

Any suggestions where the problem is?

Upvotes: 0

Views: 90

Answers (1)

Authentic Science
Authentic Science

Reputation: 848

I've run into this before and in React i've been able to solve it with something like:

`document.addEventListener("touchstart", function() {}, true);`

But, I have to admit sometimes i've needed to use it and sometimes not, so I am not sure which html elements respond and which don't.

Here is some reference

Upvotes: 1

Related Questions