iOS safari random resize and scroll issue

Question

I am developing a website for desktop and mobile view. but when I test my mobile view on iOS Safari I encounter the following error

on the mobile page there is a dropdown for user to select to jump to certain section of the page, on iOS when user select on the drop down, Safari will auto zoom in to the page. i would like to check how do i prevent this
on iOS Safari, when user tried to scroll the page where the html table cover almost the whole page, they will not be able to scroll the page. the user would have to try to touch on the certain section of the page where the table is not covering. i.e when user try to scroll on the page and they touch on the table they will not be able to scroll upwards or downwards

for my 1st question I tried adding the following JS in the document ready function but it is not helping

$(window).resize(function() {
  if($(window) !== windowWidth){
      clearTimeout(executeFunction);
      executeFunction = setTimeout(function() {
         fn(variable);
      }, timeToExecute);
  }
});

for my 2nd question I tried the following CSS but seems to not be helping

html, body { height: 100% !important; }

Please ask two questions. Your zoom question is likely a duplicate of stackoverflow.com/questions/6483425/… which was easily found — mplungjan
– mplungjan, Commented Sep 25, 2016 at 6:41
hi mplungjan. i am aware of the solution. i apologise for not being cleared. using that fix would result into user not able to zoom on the browser on mobile which is not ok. i only want to disable to auto zooming by iOS Safari — user2260526
– user2260526, Commented Sep 26, 2016 at 1:24

user2260526 · Accepted Answer · 2016-09-27 10:01:36Z

0

i am able to fixed my auto zoom option by setting the min font size of the dropdown list to 16px since safari will auto zoom when font size is less than 16px

#ddlNavigation,
#ddlNavigation:focus{
    font-size:16px !important;
}

for my html table scrolling i used niceScroll.js and it managed to fixed my issue

answered Sep 27, 2016 at 10:01

user2260526

317 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

iOS safari random resize and scroll issue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related