mobile-safari Questions
5
Solved
Does the iOS/iPadOS version of safari support push api standard with service worker?
Hither asked 5/6, 2018 at 5:42
2
I'm making a css3 loading animation for a mobile website. The loader works just fine by using the following HTML / CSS:
HTML:
<div class="loader"></div>
CSS:
.loader {
background...
Nev asked 16/11, 2012 at 19:28
7
I've been looking for a way to open a native iOS app from the browser.
I found a decent solution here: Is it possible to register a http+domain-based URL Scheme for iPhone apps, like YouTube and Ma...
Candlelight asked 31/10, 2013 at 8:37
1
Solved
I have an React Audio Player that uses a useAudio hook to manage the HTML5 audio. It works fine everywhere except Mobile Safari, where the sound begins a few seconds after the player starts playing...
Decarbonize asked 29/1, 2021 at 10:8
2
Angular app is working fine in IE and chrome but in safari it is not working even not showing any error and tried with polyfill
and here polyfill.ts
/** IE9, IE10 and IE11 requires all of the fo...
Audition asked 19/3, 2019 at 14:17
3
Solved
The following code puts a white box on the screen. If you run this on an iPad (you can adjust the pixels to run it on an iPhone, too), when you touch the box, it will scoot off the screen, and leav...
Counterpunch asked 2/4, 2012 at 20:41
3
Solved
We are trying to scroll an element on our iOS web app while preventing the window itself from scrolling. We are capturing the touchmove event on the window, scrolling the element programmatically a...
Laski asked 26/3, 2018 at 20:46
13
Solved
I'm not able to prevent the main body content from scrolling while a fixed position overlay is showing. Similar questions have been asked many times, but all of the techniques that previously...
Khrushchev asked 11/1, 2017 at 15:41
2
Solved
This seems to be an issue after I upgraded my iPod Touch to iOS 15 (15.0.1).
When running the example below, it works fine on the first load, playing the sound as many times as I want. However, if ...
Kollwitz asked 8/10, 2021 at 22:35
3
There are a lot of old questions sort of (but not quite) about this, but as I couldn't find anything modern, I thought I'd ask again with the hope of receiving a modern answer.
I am working on a h...
Chastitychasuble asked 22/3, 2020 at 8:37
1
Solved
I have a ThreeJS project in which a video is being used as a texture on a 3D object. To get the video into a texture, I have a video element on the page that is hidden.
When testing my project on m...
Bullen asked 2/3, 2022 at 17:22
2
https://codepen.io/thomaslindstr_m/pen/qJLbwa
Pretty bare bones example above. I want to fade out the child I scrolled away from, but when CSS Scroll Snap is enabled, it starts glitching really ba...
Pella asked 25/10, 2018 at 12:16
2
I have a very weird bug in my JavaScript library on mobile Safari, that I've tried to reproduce with a simple example:
I have basic css and html:
html,
body {
margin: 0;
padding: 0;
font-family...
Thundercloud asked 3/1, 2022 at 22:41
10
Solved
We set the overflow-x values to hidden on both the body and scrollable elements, but mobile Safari ignores these values. On the desktop, the overflow values work fine.
Relevant code:
body { over...
Kinsman asked 20/7, 2013 at 22:9
4
Solved
I have created a gradient background using a CSS generator. This works perfectly in all major browsers and on Android. However in iOS i get this.
What do I need to add to this gradient in order to...
Pepys asked 29/5, 2013 at 14:29
1
Using an input tag like so in iOS and clicking on it would display this menu:
<input type="file" accept="image/*" capture="camera">
If the user clicks on Take Photo, then take a photo, it...
Katleen asked 11/6, 2015 at 18:42
2
Solved
I wish to use 100% screen width on iOS Safari for my website's header on a notched iOS/Android device and to achieve that I added the following viewport meta_tag on my page <head></head>...
Jerejereld asked 10/2, 2020 at 16:12
4
I use the html5 audio library Buzz to add sounds to a browser game. There is a toggle button to mute and unmute sound, which works good on desktop and Android devices. Unfortunately it seems like t...
Jorum asked 4/12, 2014 at 14:22
5
I added these css. But I can't get the placeholders/watermarks to have ellipsis. They do have the red font though.
input::-webkit-input-placeholder {
color: red !important;
max-width: 95% !impor...
Backwater asked 11/5, 2012 at 18:1
4
Solved
Safari on iOS puts a scrubber on its lock screen for simple HTMLAudioElements. For example:
const a = new Audio();
a.src = 'https://example.com/audio.m4a'
a.play();
JSFiddle: https://jsfiddle.ne...
Sherard asked 27/6, 2019 at 3:13
2
When using the geolocation.getCurrentPosition API on mobile, tested iOS at the moment, users are prompted more than once through a session depending on the page. In comparison to as desktop site, s...
Baldridge asked 4/12, 2021 at 18:19
8
Solved
I'm designing a mobile page and am using the following (standard, I believe) code to make the phone dial a phone number.
<a href="tel:555-1234567" class="call"><img src="graphics/call-ic...
Mcvey asked 10/10, 2011 at 15:49
2
Solved
My site ( https://knpw.rs ) has a tag in the <head> as such:
<meta name="theme-color" content="#F9F9F9"/>
On Safari Mobile (iOS) the theme-color is respected for th...
Prostitute asked 8/10, 2021 at 13:39
1
We're using HTML5 form validation without overwriting the default system UI for the validation error messages. This is working fine everywhere but on iOS Safari, where the validation messages are n...
Patinous asked 28/5, 2020 at 11:47
1
Solved
iOS 15 leads to content being hidden under the address bar when the virtual keyboard is active. A bug report can be found here. To see the problem, run the snippet in full size on an iPhone with iO...
Cristencristi asked 28/9, 2021 at 13:25
© 2022 - 2024 — McMap. All rights reserved.