I’m trying to popup a scrollable list of selectable items.
My css looks like this:
.activitieslist{display:none;
max-height:80vh;
overflow:auto}
My html looks like this:
<div id=activities class=activitieslist>
<table class=popuplist>
<tr><td>One</td></tr>
<tr><td>Two</td></tr>
<tr><td>Three</td></tr>
<tr><td>Four</td></tr>
<tr><td>Five</td></tr>
</table>
</div>
If my list is long enough then I can scroll it on my desktop computer, but on my phone it won’t scroll.
If I change my css to this:
.activitieslist{display:none;
max-height:80%;
overflow:auto}
Then I can scroll it but it doesn’t look good because it goes from the top edge to the bottom edge of the screen.