All Questions
Tagged with cross-browser safari
336
questions
2
votes
1
answer
91
views
WakeLock API not working in Safari (iOS) but working in Windows/android platform with same code
I want to enable wake lock API. It is working fine with Windows platform and android devices but not in Safari or iOS devices.
Console has error NotAllowed, Permission was denied in Safari Browser.
I ...
1
vote
0
answers
37
views
Is there another behavior besides margin collapsing that causes similar problems in Safari?
I seem to have ran into a margin collapsing problem only in Safari, yet none of the provided ways on stackoverflow about margin collapse seem to help.
Only in Safari, if you swipe all the way to the ...
0
votes
1
answer
62
views
Ellipsis is now shown with gradient text in Safari
I have a HTML block with the user icon and email, and the text color is gradient. The problem is when I shrink the screen to its minimum size, ellipsis is not displayed in Safari, although it works ...
0
votes
0
answers
51
views
The .submit() function in JavaScript does not immediately submit the form on safari, leading to fields disabled after this is called not getting sent
I have a form on a website. Some of the html fields (they are <select> fields, if that is relevant) on this form are disabled to prevent the user sending changing the values in them, however, ...
0
votes
0
answers
57
views
mix-blend-mode: color; is not working for <video> on iOS and Mac devices
Structure of hero banner:
<div className="hero-banner">
<video autoPlay muted loop playsInline className="hero-banner__video">
<source src="video.mp4"...
0
votes
0
answers
21
views
Uncorrected behavior of transform-origin in safari browser
JS slider. The functionality is based on transform-origin: and transform: rotateY Appearance and code below. In all browsers is displayed correctly (as on the photo below). In Safari transform-origin ...
0
votes
0
answers
129
views
On Safari on mac OS, permissions API for geolocation gives "prompt", not "denied". How do I know if a permission was previously denied?
I am using On Safari 17.1.2 on mac OS 14.1.2
If I go to Settings > Websites > Location, and the website I'm only shows "Deny", this tells me that, for that website, the system will ...
0
votes
0
answers
51
views
How to make the details html element to behave on Safari the way it does on other browsers?
Take a look at the HTML code in this snippet:
<div class="container">
<details>
<summary>In a hole in the ground there lived a hobbit.
<input type="checkbox" id="...
3
votes
1
answer
642
views
Custom local font not applying in safari or IOS device but works on Chrome/Firefox with Next.js 14
This is my first stackoverflow post. I have been trying to figure out a solution as to why the font doesn't apply to Safari or any browser that is in an IOS device, but it works perfectly for Chrome, ...
3
votes
0
answers
285
views
Visibility Hidden Safari Bug
I would like to use visibility along with translate to control which content to show to the user.
As the user tabs through the navigation, therefore, the content below is transitioned via translateX() ...
0
votes
0
answers
139
views
How can I test my website on safari with a windows PC
I currently have a problem with a website on Apple Safari (mobile). there is a horizontal scrollbar an I need to fin out why
Turning on dev tools and choosing an IPhone doesn't show me the problem.
...
0
votes
0
answers
34
views
My javascript is working on Safari but not Chrome
I'll attach the code below but you can also view the page source at hectorcampoblog.com and see the browser incompatibility in real time. I know javascript is notorious for browser incompatibility but ...
0
votes
0
answers
214
views
Different drag/swipe behaviour in Chrome and Safari, how to let them behave the same?
I am working on a page where you can swipe between divs. So on an mobile device you can swipe left or right and on a computer you can click the mouse, hold down the button and drag the page left or ...
0
votes
0
answers
85
views
CSS - Cross-browser inner border with border-radius for images
I have an absolutely positioned image (the size is responsively determined using max-width) to which I want to add an inner border. Because it's an image, I can neither use pseudo elements (as img ...
2
votes
0
answers
180
views
How to read video from Directus in Safari
I have an app that fetches medias videos from Directus.These video files are in .webm format.
my video element:
<video autoplay muted loop class="viewerVideo">
<source src="...