mobile-safari Questions
5
I am trying to prevent the default scrolling within a web app which contains an HTML5 video element on Mobile Safari. Handling document.ontouchmove and calling e.preventDefault() has been the stand...
Bargainbasement asked 5/4, 2011 at 17:4
6
Solved
I am developing an iPhone version of a Wordpress driven website and I was wondering if there's any method to disable horizontal scrolling when the website is open in Safari for iPhone. Right now, I...
Demonolatry asked 8/4, 2013 at 12:59
2
iOS mobile safari has the address and bottom nav bar that come into view when you scroll upwards, and hide/minimize when you scroll down. I have a footer in my UI that gets hidden by the bottom nav...
Addlepated asked 21/7, 2015 at 14:31
18
Solved
I have a long page, and I want to hide the content that goes underneath the "fold", and it should work on iPhone/iPad.
overflow:hidden applied to <body> does not seem to work on mob...
Pylle asked 15/6, 2010 at 16:58
3
Solved
I have been trying to get the webrtc logs for my web application running over safari browser, similar to what we get in firefox by going to the page about:webrtc and on chrome by using chrome://web...
Munsey asked 22/7, 2020 at 14:46
4
Solved
Mobile safari doesn't update the window.innerHeight when the keyboard pops up. (at least in 9.3.5, and there are several answers like this one, with comments saying that broke in ios 8.2)
Apple d...
Civil asked 9/9, 2016 at 18:33
4
Solved
As noted in these questions, there are cases where foto uploads on iOS have their geolocation and other EXIF metadata removed (in safari):
https://apple.stackexchange.com/questions/326789/gps-exif...
Abbotson asked 15/9, 2019 at 7:47
6
My Angular app was working normally as a PWA on iphone, but after last ios17 update, the app crushes and even if I clear the cash on Safari it might work again for couple of minutes then the pwa sh...
Distended asked 20/9, 2023 at 13:54
8
Solved
Is it possible to use Javascript to emulate the Add to Home Screen option in Mobile Safari's bookmark menu?
Something similar to IE's window.external.AddFavorite(location.href, document.title); po...
Oleaceous asked 17/7, 2009 at 8:13
2
Solved
I'm trying to get my website to fit inside my phone screen. I have tried many variations of env(safe-area-inset-bottom) and constant(safe-area-inset-bottom) but both always return 0px (I've been us...
Irreproachable asked 15/8, 2022 at 0:22
9
Solved
I have tried aligning the text in the <select> element to the right or the center in safari. But nothing worked. text-align:center; worked in all browsers except safari. direction:rtl; and di...
Tibbitts asked 25/6, 2012 at 1:29
3
I'm having some troubles with an iOS Smart App Banner, which I'm trying to add through JavaScript.
The actual smartbanner is as simple as adding this little block to the head of the HTML:
<meta ...
Vellavelleity asked 8/7, 2015 at 10:8
20
Solved
I've tried all three of these to no avail:
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />
<meta name=”viewport” content=”wi...
Armhole asked 8/12, 2010 at 16:41
8
Solved
I have a problem where Mobile Safari crashes when loading and manipulating the DOM with jQuery when the pages get too big.
I get the same problem on both iPhone and iPad.
What are the best way to...
Subtype asked 6/8, 2012 at 15:37
2
We are noticing issues with Safari iOS not calling Websocket events when the Websocket connection is lost. Our web application has no clue the Websocket's connection has been lost. On Android devic...
Noncombatant asked 28/3, 2023 at 18:5
9
I've used vh (viewport units) css in one of my projects but in mobile safari it doesn't work. It seems like Safari doesn't know what to do with vh, but it works fine in other browsers. I would like...
Baudelaire asked 22/4, 2014 at 14:58
4
Solved
I have a problem with scroll to element on mobile Safari in iframe (it works on other browsers, including Safari on mac).
I use scrollIntoView. I want to scroll when all content has been rendered. ...
Gorman asked 14/7, 2017 at 8:47
2
Disclaimer: This post is half question and half report of my experiments while trying to find a solution.
The Task: Simple SVG Filter on a Monochrome Rectangle
Using a filter to change or modify th...
Surgeonfish asked 4/11, 2018 at 21:54
3
Solved
The banner below the address bar is changing the height and not even a part of DOM.
Position: fixed elements on the bottom are hidden.
You can view this by
Open https://www.ounass.ae/clothin...
Haemachrome asked 14/11, 2018 at 5:46
1
Solved
Mobile Safari does not distinguish between the CSS units svh and dvh. These units should yield different heights with the viewport expanded (toolbars retracted), however instead they are yielding t...
Ila asked 22/5, 2023 at 7:43
3
Say we have a fixed sidebar, this:
.sidebar {
position: fixed;
top: 0;
left: 0;
min-width: 17em;
height: 100%;
}
When the Safari bottom bar is visible it's ok, but when scrolling down it disa...
Brettbretz asked 25/10, 2021 at 12:44
5
I'm setting up a questionnaire for clients that needs to be mobile-friendly.
When the form is submitted/validated, and a question is not answered, it scrolls to the first invalid field - whether ...
Beeman asked 14/5, 2019 at 19:17
1
Solved
I trying to use the WebShare API to share an image in iOS and Android. In Android, my code works perfectly, but in iOS, in some apps like WhatsApp doesn't share the image, it only shares the URL. I...
Tizzy asked 21/4, 2023 at 19:20
4
iOS 10 : uncertain freezing during scroll of HTML list styled with -webkit-overflow-scrolling: touch
Overview
This issue is about an uncertain freeze during scroll of <ul /> which is
styled with CSS
-webkit-overflow-scrolling: touch
on the Safari browser of iOS.
Similar issues
I read simila...
Taiwan asked 29/6, 2017 at 2:44
2
Solved
There are a few working examples of web-based QR scanners out there, notably Instascan (repo) and JsQRScanner (repo). Both of these work flawlessly on Android. On Safari with iOS 12 on an iPhone ho...
Annoying asked 20/9, 2018 at 12:27
© 2022 - 2024 — McMap. All rights reserved.