Questions tagged [mobile-safari]

A mobile version of Apple’s Safari web browser.

0
votes
0answers
2 views

Force open AR Quicklook links through Safari mobile browser

People who have been keeping up with the new ARKit features will know that AR QuickLook is a new feature introduced with ARKit 2.0 that lets you try AR features right inside your browser instead of ...
1
vote
0answers
12 views

Launch native IOS camera on a webApp

My webApp needs to scan a QR code so Im trying to launch the native IOS camera to read it. I'm able to launch the camera with some HTML media captures like : <input type="file" accept="image/*" ...
1
vote
0answers
67 views

Total canvas memory use exceeds the maximum limit (Safari 12)

We are working on a visualization web application which use d3-force to draw a network on a canvas. As each node contains a lot of information and as it was CPU intensive to redraw everything for each ...
0
votes
0answers
8 views

IOS App Safari Asking to Save Password even before login submit on

I have allowed safari to save passwords on IOS device. Now when I try to login it is asking to save password multiple times even before hitting login button. When I make a pause to enter password or ...
-1
votes
0answers
23 views

Text overflows out of container in IOS safari even though renders fine in chrome and firefox [on hold]

Broken text We have an issue where where the text overflows in IOS SAFARI when it renders fine in chrome and firefox...any ideas on how to fix this?
1
vote
0answers
22 views

Material UI: Bottom Navigation alignment with Progressive Web App (PWA) Safari on IOS

I am developing a PWA and testing on an iPhone using mobile Safari. Please note I am new to React and material-ui so may have missed something obvious ;) The issue I am facing is that I cannot get ...
0
votes
1answer
11 views

iphone media queries not working in Safari, ok in Chrome

I'm using the following @media queries for portrait/landscape on on iphone. They work fine in Chrome, but not in Safari when put in responsive/iphone mode. what am I doing wrong? @media only screen ...
-1
votes
2answers
28 views

How do I lock the screen orientation to portrait in Safari using plain JavaScript?

I want to "lock" the orientation of the website to portrait mode in safari using pure javascript. Let's say that I am building an application, I don't want users to be able to visit my app in ...
0
votes
1answer
24 views

Safari and Edge can't load sites (sometimes, very often!)

Please, I need help about a strange behaviour of our server. The server (Microsoft Windows Server 2012, IIS 8.5, Plesk Onyx 17.8.11) hosts a lot of sites developed in different technologies (PHP, ASP....
0
votes
0answers
13 views

IOS 12 flood 64KB on metadata download of video file

I would like to know if it's a bug or not that the new IOS 12 introduce on safari the download of metadata by 64k bytes (new connection everytime). It really overload my application when sometime ...
1
vote
0answers
13 views

How does Youtube Web App prevents the screen from going to sleep on Safari IOS?

Im working on a project that has a vimeo video embedded with an inframe. The video plays inline. And it looks good. However, the screen goes to sleep (obviously how fast it is going to dim off, ...
0
votes
0answers
30 views

Safari Mobile / Force new window from standalone PWA

There is a web app which runs in a standalone mode with the following manifest.json { "lang": "de", "name": "Test.App", "short_name": "Test.App", "start_url": "/36485/", "display": "standalone", ...
0
votes
1answer
26 views

iOS 12 Safari: Is there a way to make web-based QR Scanning work?

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 ...
1
vote
0answers
8 views

Failed to launch process with bundle identifier 'com.apple.test.WebDriverAgentRunner-Runner'

When i am trying to install webdriverlauncher using appium on iOS, i am seeing the above error, However xcode build is succeeded. Xcode build is failing through appium. I changed bundle identifier ...
2
votes
1answer
39 views

Angular2 PWA / Safari can't open a link in new window

I am working on a web app, which, when added to HomeScreen, will act as a standalone app, meaning there are no browser UI available. At one point I need to open a file, the URL to which will be ...
0
votes
0answers
18 views

Prevent refresh on pulldown (Edge Mobile, iOS Safari, Samsung Internet)

I am building an Angular website and I am trying to prevent the mobile browsers mentioned in the title from refreshing when an overscroll/pulldown occurs. I need this on every page and element of the ...
0
votes
0answers
13 views

Problem in case using multiple favicons in same domain

We have 'abc.com' and users have their own page with 'abc.com/userid' Users set favicon for thier page, and published. But some browsers(iOS Safari) replace all favicons in bookmarks which already ...
0
votes
0answers
40 views

Display: block; elements causes the script to not work in certain browsers

I have a script that is designed when you scroll all the way to the bottom inside a div it triggers an alert that says End of scroll. I notice on most browsers this works with the h2 tag regardless ...
0
votes
1answer
42 views

CSS - Borders not hide in Safari

All images on site have a border property of border: 2px solid;. Expected result is that what I want to hide is hidden and not showing. I hide with below but are there any type of -webkit- for this? ...
0
votes
0answers
17 views

Is there an iOS equivalent to navigator.share to trigger the native share function?

We want to trigger the native share function from our mobile site (so people can see their preferred sharing channels). All the information I can find around this topic is quite dated, so I'm ...
0
votes
0answers
14 views

border-image property doesn't render well on Safari and iOS

To achieve rounded dots on my dotted border, I'm using the following in my CSS { border: dotted #78af00; border-image-repeat: round; border-image-slice: 26% 30%; border-image-source: ...
0
votes
2answers
60 views

@media queries not working in Chrome or Safari iOS

/* page positions */ *{ box-sizing: border-box; } #mainBody{ position: fixed; top: 46px; left: 0px; } .center{ position: fixed; left: 0; top: 75%; width: 100%; text-align: ...
1
vote
0answers
36 views

How to prevent iOS safari error alert when trying to open non-installed app?

When opening my web page in browser i have an redirection to my app in phone that in code looks like: const urlRedirect = `myapp://`; const redirect = () => isAndroid() || isIOS() ? (window....
0
votes
0answers
19 views

Embedded Google form scrolls abruptly on mobile devices

I have a Wordpress site, in which I inserted a Google form, in an iframe. The code looks like this: <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfMdTS_ULcSBdxqubCV7xR7v-t3KRpy_H-...
0
votes
1answer
49 views

How detect Safari browser ONLY on desktop?

How detect Safari browser ONLY on desktop ? I want to know only when user is on desktop and not with mobile device. var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('safari') != -1) { ...
-1
votes
0answers
24 views

How can I prevent iOS Safari from adding whitespace to the bottom of the page when the keyboard is open?

I have a simple access page which is 100% high and wide, and flexes the content into the centre of the page. This works well - there's no overflow or anything. On iOS Safari, when I click into the ...
0
votes
0answers
23 views

iOS Safari 10.2 browser doesn't execute my JavaScript code including arrow functions and template strings

I've made website which looks and works good in Chrome, Firefox but when I open it in my iPhone 7's Safari browser (10.2 version), the JS script doesn't work. I can't open menu when I click on the ...
1
vote
1answer
32 views

Text wrongly displayed beyond the containing div/paragraph right boundary only on Safari

We are experiencing a strange behaviour on Safari, both on Mac and iPhone. The issue was detected on iPhone 7 and iPhone 8. Moreover, it was reproduced also on macOS Sierra, by relying on the ...
1
vote
0answers
25 views

Detecting VH on mobile in js and returning it's current value

My issue is a hack for a dubious mobile browser discrepancy between the 100vh and the area hidden behind the mobile browser bars. This is a problem for any page where a full screen effect is desired. ...
0
votes
1answer
63 views

Password field is not working as expected in Safari browser

I have login form with email company name and password and its working on all browsers except Safari. Please find below the code for password field. <div class="formparts"> <label ...
0
votes
1answer
34 views

Mobile Safari IOS will scroll bottom page automatically when reloading page

I'm using react and as soon as I reloading page on safari it will scroll automatically at the bottom of the page for no reason. This bug appears only using Iphones. I'm struggling to find where this ...
0
votes
1answer
43 views

PWA - cached video will not play in Mobile Safari (11.4)

I'm struggling to create a simple POC for iOS PWA with a small video. https://test-service-worker.azurewebsites.net/ I have simple service worker registration and I cache a small (700kB) video. ...
0
votes
0answers
21 views

shrink-to-fit" is not recognized and ignored?

I have added complete "meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" still mobile friendly test is failing of my website. https://www.a2zweddingcards.com/card-...
0
votes
0answers
48 views

Space above keyboard on iOS

I tested both on the iOS simulator in xcode and on a physical iPhone 6 and both are showing an extra white space at the bottom of the page when the keyboard is open. I extends past the body and html ...
0
votes
2answers
30 views

Media Queries issue: Safari not scaling elements in REM

My layout is rem based and recently I noticed, that Safari (Desktop and mobile) only scales font-sizes, but no other elements. Specifically, it scales elements with the first media query. Everything ...
0
votes
0answers
27 views

Safari on iOS Mobile hangs the page when submitting form from https to http

I am working on a project where I need to submit the form on HTTPS page to HTTP, during this process I receive a warning saying Form Insecure are you sure you want to submit? then if I submit it hangs ...
0
votes
0answers
24 views

iOS 11 Safari, Web Audio, non-functioning stream from createMediaStreamDestination/MediaElementAudioDestinationNode

I am working on a project that need to process an audio stream using Web Audio. The only way I found is using AudioContext.createMediaStreamDestination() and the stream property. However, on iOS 11 ...
0
votes
1answer
27 views

Safari: Cursor on input element isn't rendered transparent

In my current project i try to set a transparent cursor. The problem is on mobile iOS devices the cursor isn't rendered transparent. If you run the following code-snippet on the desktop version of ...
0
votes
0answers
20 views

Is it the best way to detect orientation of a mobile device cross platform?

I want to determine a device's orientation correctly on both android and iOS devices. After some investigation, I realised that on iOS devices, the width and height stay the same no matter how users ...
6
votes
2answers
209 views

iOS Safari SpeechSynthesisUtterance can not set language

I have SpeechSynthesisUtterance working in my native language (English) but I need to set the language to Italian for correct pronunciation. The code works correctly in Mac Safari but in iOS Safari ...
0
votes
0answers
14 views

Javascript events fired in Mobile Safari when user dismisses a dialog box

Is there an event being fired on the document and/or window when the system has shown a dialog box and the user dismisses it? I have checked to see that neither "focus" nor "visibilitychange" is ...
0
votes
2answers
48 views

Media queries for iPhone load css for iPhone 10 while iPhone is 8

I have a bunch of css media queries written for various iPhones however, the code is messed up. The iPhone load css for iPhone 10, while it is an iPhone, is 8. I think it has to do with the maximum ...
0
votes
0answers
17 views

Safari Technology Preview – disable/empty mobile cache

If one's debugging a mobile Site on an iOS device in Safari Technology Preview (desktop) with the web inspector open, it does not seem to delete the cache on the iOS device after refresh/reload or ...
0
votes
0answers
20 views

allowing to view the console window to debug a 3rd party iOS app that has webUI

Our website is having issues on LinkedIn App. When you go to any to any shared activity linking to our website via their app, the website won't load. Its just completely blank. It doesn't seem to be ...
0
votes
0answers
70 views

Hammerjs in Safari : scroll issue

I wants to allow horizontal swipe event and keep vertical scroll. So use this: touch-action: pan-y !important; But Safari do not support "touch-action". HammerJS preventDefaults cannot detect the "...
1
vote
0answers
20 views

CSS - Conditional for Exact Mobile Aspect Ratio

I'm trying to have the mobile browser (iOS Safari) load a webpage with a different fullscreen exact-pixel-dimension image (.bg tag) based on the aspect ratio of the iOS device. For some reason, ...
1
vote
0answers
46 views

iPhone Safari default state for JavaScript enabled

I'm testing various websites with newer iPhones, and noticing that the JavaScript enabled settings for Safari are defaulted to OFF. I'm surprised to see this, as the majority of websites barely work ...
0
votes
1answer
35 views

Preventing the iOS Double-Tap Issue for this Click Event?

Is there a way to prevent the double-tap link issue from occurring on iOS mobile Safari for the click event presented below? var self = this; this.$thumbnail.on('click', function(e) { e....
0
votes
1answer
15 views

CSS3 flexbox layout with ellipsis doesn't work on mobile Safari

The following demo (submitted as an SO answer) illustrates usage of ellipsis with flexbox layout. However, it doesn't seem to work on mobile Safari - the text is not shortened at all (tested on iPhone ...
0
votes
0answers
21 views

jQuery disable body scroll but allow scroll on modal for iOS devices

I'm looking for the best way to stop scrolling body on iOS mobile devices but allow scroll on modal/mobile-menu etc. I found a solution that works only halfway. I can disable scroll on whole body and ...