4,664 questions
0
votes
1
answer
26
views
-webkit-touch-callout: none; not working in Safari on iOS 26.1
I want users not to see the system context menu when long-pressing text on a page in Safari on iOS. I found on MDN that the CSS property -webkit-touch-callout: none; can achieve this. But in reality, ...
-1
votes
0
answers
42
views
Fixed blocks are incorrectly positioned at the bottom of the screen when the address bar is dynamic in Safari [duplicate]
Bug Description
In mobile Safari, when the address bar is positioned at the bottom, or when it's minimized, an issue arises with blocks positioned at the bottom of the page: their UI and actual ...
0
votes
0
answers
83
views
Disappearing menu hamburger from address bar on Safari mobile
I have a web page where I allow users to download an image by clicking a button. I’m using vanilla JavaScript like this:
async function downloadFile(url) {
const response = await fetch(url);
const ...
2
votes
0
answers
179
views
IOS(IPadOS)26 only bug with 'select' field
After closing the first select by clicking outside, quickly clicking the second select often opens it briefly and then immediately closes. This might be caused by event handling or focus issues. How ...
0
votes
2
answers
176
views
CSS transform-scale does not work on Safari on iPhone 17 Pro iOS 26
My webpage utilises the transform/scale() function to downsize it for mobile devices. While it works quite well on most of the test devices, it breaks on iPhone 17 Pro iOS 26.
The webpage loads zoomed ...
4
votes
0
answers
2k
views
Issue with Safari tab bar background and modal dimming in iOS 26 (Liquid Glass design bottom bar) [closed]
I’m working on a web app optimized for the new iOS "Liquid Glass" design in Safari
The problem occurs when using floating buttons + Safari tab bar together with my modal.
As you can see in ...
4
votes
1
answer
108
views
How to prevent text selection from being cleared when clicking a button on iPad Safari?
I'm developing a web application with a text-to-speech feature. Users can select text on the page and then click a "Play text to speech" button to have it read aloud. This works perfectly on ...
54
votes
10
answers
33k
views
iOS 26 Safari - Web layouts are breaking due to fixed/sticky position elements getting shifted vertically
In Safari on iOS 26, when the page is scrolled down and the address bar shrinks at the bottom, the viewport appears to get displaced vertically which in turn shifts the position of elements with ...
0
votes
0
answers
45
views
How to persist login session in iOS Safari PWA (Add to Home Screen) with React and Node.js?
I’m building a PWA with React (frontend) and Node.js/Express (backend).
On login, I save a JWT token in localStorage. I also tried using cookies with cookie-parser and express-session.
This works fine ...
0
votes
1
answer
54
views
Can't use storage.local.set from content_scripts in Safari
I have a browser extension that I'm trying to port on Safari. On some devices/version of the browser (mainly on mobile versions), the following code will throw an error:
await chrome.storage.local.set(...
0
votes
0
answers
43
views
How to inject a content script into an iframe with an iOS Safari Web Extension?
I'm building a browser extension that adds annotations to text that the user is reading. An important use-case are ebooks and many popular ebook readers use iFrames to display the book content.
For ...
-2
votes
1
answer
88
views
Opening keyboard freezes modal
experiencing this problem on mobile safari where when the modal opens and I choose from any input field that triggers a keyboard, upon keyboard close the whole modal freezes whereby nothing is ...
1
vote
1
answer
200
views
Expo Audio on web giving trouble when playing sequential segments but only on Chrome and Safari on iOS
What the code does in the happy cases:
I am receiving a polling of a list of audio urls that I wish to play.
As the cells get populated, the user can start playing from the beginning
On all other ...
0
votes
0
answers
17
views
Expo React Native - Safari push notifications
we have a react native project using Expo to cover iOS, Android and Web.
We managed to integrate expo-notifications (SDK 52) and support notifications across all Web browsers, except for Safari on ...
0
votes
1
answer
28
views
Mobile Safari page re-renders after fast gallery swiping and closing modal (Fancybox)
I have a React gallery component using Fancybox that works perfectly in all browsers except mobile Safari. The issue occurs when:
User quickly swipes through photos in the Fancybox modal
Closes the ...
0
votes
1
answer
126
views
WebRTC video issue in iOS-Safari browsers
We use Microsoft Avatar service as in below sample. the Avatar video is generated through a TURN server & sent to our app.. In iOS safari browsers alone, on first load only, WebRTC Audio track ...
0
votes
0
answers
44
views
How to fix scrolling issue within shopify code for Iphone
To start, this problem didn't reach me until this year. Around March it broke and I don't know what happened. I have seen this issue all over the internet though in my searching where when a product ...
0
votes
0
answers
49
views
In an iOS app that uses an ActionExtension to get a URL shared from safari, how do you bring app to foreground after?
I have an ActionExtension target called "url" here is url/Info.plist:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0/...
2
votes
0
answers
163
views
Does Safari's 7-day eviction policy apply to OPFS (Origin Private File System)?
I'm trying to understand how Safari handles the Origin Private File System (OPFS) in terms of data eviction, particularly with regard to its 7-day policy for unused origins.
From what I've read, ...
-2
votes
1
answer
169
views
Universal link implemented for iOS app opens in Safari browser
I’ve implemented Universal Linking in my iOS app (hosted the AASA file, added Associated Domains, etc.), and everything is working as expected. When I tap the deep link URL from apps like Outlook, ...
0
votes
0
answers
20
views
window.open not loading address in Safari on iOS
I've got this Tampermonkey extension:
// ==UserScript==
// @name Open Window and Change Address
// @match https://example.com/
// @icon data:image/gif;base64,...
0
votes
0
answers
36
views
How to Focus an Already Opened Tab in Safari Using window.open
I’m using window.open(url, "my_tab") to open a new tab in the browser. It works as expected in most browsers — it opens a new tab and reuses the same one if the button is clicked again. ...
1
vote
0
answers
125
views
WKWebsiteDataStore init(forIdentifier:)
I am currently working with a custom WKWebsiteDataStore by using the init method to create it with UUIDs. According to the documentation, this provides persistent storage that is suitable for ...
0
votes
0
answers
23
views
How can I disable all kinds of zoom in HTML/CSS, while keeping the ability to scroll? [duplicate]
I am developing a Progressive Web App for children, and I would like to disable all kinds of zooming/scaling (pinch, double-tap, etc.), while keeping the ability to scroll.
The problem is that I have ...
0
votes
0
answers
30
views
Loading a larger file with ffmpeg crashes on safari mobile
My use case is to extract audio from video file to minimize the size of sent file over network. Everything works fine on a computer (chrome, safari) but it's either stuck or crashes on ios safari. ...
0
votes
0
answers
24
views
Strange "intelligent" behavior on Apple mobile Safari with drag-drop: the element's id gets deployed as a web search term
A couple of years ago, as a learning exercise, I wrote a little HTML/javascript game where you drag tiles around and drop them on an open cell in a 4x4 HTML matrix comprised of DIVs and Ps, to put the ...
1
vote
1
answer
87
views
Weird CSS z-Index behavior on iOS browsers
Problem
I'm trying to replicate the iOS behavior of native apps, where a search box remains in view (merges with top bar) after the user has scrolled. The header is fixed and only the main content is ...
0
votes
0
answers
71
views
Intersection observer aggressively batching entries in safari IOS
In the following (pretty basic) implementation of intersection observer, I'm noticing that IOS safari is batching the entries very aggressively in a single callback: if I scroll through the six items ...
0
votes
1
answer
81
views
The image has wrong displays on Iphone
I am creating a website with parallax scroll effects but on Iphone the parallax images do not seems good it seems like they are of bad quality and incorrect cropping I tried to use <figure> but ...
0
votes
0
answers
37
views
Safari iOS Extension Double click for checkbox
I am developing a iOS Safari Extension and in my popup I have a checkbox. I am listening to when the box is clicked by adding event listener on the click on the input element itself. Below is a ...
1
vote
0
answers
102
views
Safari MediaRecorder API: Empty dataavailable Events on First Pause/Resume Cycle
I'm experiencing an issue with the MediaRecorder API in Safari where the first pause and resume cycle results in empty dataavailable events.
This behavior only occurs during the first recording ...
2
votes
0
answers
347
views
Monitoring iOS safari crash: This webpage was reloaded because a problem occurred
I have problem with mobile safari in my react application. When user clicks on the button X I run memory-heavy-3d-component (three.js-based) and safari crashes with This webpage was reloaded because a ...
0
votes
1
answer
85
views
How to access a UserDefault variable from content.js in Safari Web Extension for iOS
Let's say I'm making an app that replaces the word fish with an emoji, like apple's example, I want the user to choose the emoji they want from my app and not from the extension popup, and then the ...
0
votes
1
answer
196
views
Rendering inconsistencies between Safari iOS, Safari MacOS, and Chrome
I'm building a personal portfolio website and want to make sure that my site is responsive for both mobile and desktop. After using the Chrome devtools to make sure the spacing looks good on various ...
1
vote
0
answers
76
views
getComputedStyle wrong for placeholder on some mobile devices
This seems like a browser bug to me but I couldn't find anyone else seeing the same problem. It seems like getComputedStyle isn't getting the right font-size for an input placeholder for some mobile ...
0
votes
1
answer
76
views
Get html-element to overlay videojs player on iOS
I am working on a site that uses videoJS for video and have created html elements that are being place on top of the video as a scoreboard. The issue is that the native iOS player overrides videojs ...
-1
votes
1
answer
210
views
ios Safari truncates long URL when address bar is opened
I'm using mobile safari on iOS version 18.1.1. The below code sets up a basic demonstration of going to a long url, retrieving the window.location.href.length and then as seen in the below gif once I ...
1
vote
0
answers
287
views
Web application using Rafael JS crashes on Safari and Chrome after updating to iOS 18.2
After updating my phone to iOS 18.2 2 days ago, I noticed that a website I'm working on that uses Rafael JS(https://dmitrybaranovskiy.github.io/raphael) to do some svg rendering which used to work ...
1
vote
0
answers
46
views
Transform: rotate on hover not working on mobile versions of safari and web apps
The transform rotate on hover CSS function works perfectly on desktop versions of web browsers and chrome mobile. But I cannot get it to rotate when clicked / tapped on, in the mobile safari and app ...
0
votes
0
answers
56
views
Best way to target Webkit-only browsers on iOS
Can you suggest a reliable way to detect Webkit-based (and only Webkit-based, not Chromium- or Gecko-based, as was recently unlocked due to EU ruling) browsers on Apple mobile platforms?
There is a ...
0
votes
0
answers
74
views
fecth API cannot load due to access control checks when downloading a json file
I have a Nextjs 14 application and the requests are made on the same origin. I experience some odd behavior when downloading json files in safari(IOS). I am using swr and it re-fetches automatically ...
0
votes
2
answers
88
views
Fullcalendar.io not working with CSP nonce on safari Browser
I am using FullCalendar.io in my Asp.Net core web app. Also I have setup CSP with NetEscapades.AspNetCore.SecurityHeaders.
Here are the definitions:
policy.AddContentSecurityPolicy(builder =>
{
...
1
vote
1
answer
372
views
The ManagedMediaSource API does not render content
Broadly browsers have the window.MediaSource source API. However, due to battery concerns Apple never adopted this API on mobile devices. In 2023 they released a spec for window.ManagedMediaSource ...
1
vote
0
answers
38
views
iPhone 15 Pro Max Camera Ignores deviceId and Switches Between Lenses Automatically in React Apps
I’m building a web app that uses the camera for document scanning and have noticed strange behavior on the iPhone 15 Pro Max. The phone seems to:
1. Select a default camera (likely the main wide-...
1
vote
0
answers
120
views
How to programmatically check memory usage on Safari in JavaScript (ideally on iOS)?
On Google Chrome you can do console.memory to get some heap memory usage stats. Can you do anything similar on Safari? How can I programmatically get some insight into memory usage in JS on Safari?
-2
votes
2
answers
196
views
autoplay not working on Safari on iphone only
Suddenly, my videos are not autoplaying in Safari on iphone. I am not seeing any error messages. Is this a "feature" of Safari on iphone now? Do I need to require users to click play to view ...
1
vote
0
answers
45
views
My CSS does not work properly in Safari Mobile and Chrome Mobile
I have many such elements in my site (Card system, scale down and up canimation when you click on the image, etc.). But now I will only show the button as an example.
The problem is: when you press ...
0
votes
0
answers
115
views
Is there any way to simulate touch events on iOS devices such as iPad?
I’ve written a simple JavaScript auto-clicker bookmarklet that:
Prompts for clicks per second (CPS).
Listens for a touch on the page.
Draws a temporary red dot where you touch (spot for auto clicking ...
0
votes
1
answer
50
views
Safari obscures the fixed bottom bar when scrolling to top on switching to next page
Scroll a little until safari minimizes the address bar, and then click "Next". You can see the bottom bar is obscured. Try scrolling again, the bottom bar restores it's position.
<!...
3
votes
1
answer
1k
views
safe-area-inset-bottom on iOS18
It seems the latest version of safari on the newly updated iOS (only a few weeks old as of this post) has a bug relating to safe-area-inset-bottom. A fixed bottom nav displays fine, and adjusts on ...