Category "safari"

CSS Animation Behaving Differently on Safari / All iPhone Browsers

I've been stuck on this problem for 3 days and have scoured the Internet for a solution, but haven't been able to find one that works yet. I have an animation o

the release date for next safari

Where can I find a schedule for the safari release date and the features that will be included? I have found this https://developer.apple.com/download/more/?=Sa

Problem with animation-fill-mode on iOS when changing orientation

I've created an animation to move an element into view when the user clicks somewhere. The element is styled to be offscreen. When the animation is run, it move

getDisplayMedia needs user gesture to execute

in safari i am having problem to execute getDisplayMeDia because it needs user gesture to call the method. how to surpass this steps. how can i call getDisplayM

Why is my HLS stream infinitely loading on iOS 15 safari but works fine on iOS 14?

So I have a small website that shows different streams from web cameras around the city. (ex: https://camstream.alteco.lv:8443/live/camera1.m3u8). The stream ca

@supports (-webkit-touch-callout: none) not working in iOS 15 Safari

I'm trying to target iOS devices with CSS. The general advice is to use: @supports (-webkit-touch-callout: none) { ... } However, this does not seem to wor

CSS Animation Keyframes not working on Iphone/Ipad

I have made a keyframe animation with words shifting in the end of the sentence. It works in Chrome, but doesn't work in Safari. What am I doing wrong? This is

Audio recorded from Chrome doesn't play on Safari

I'm building an app using React Js where it can record audio from users, upload the file or blob to cloud storage, and play the recorded audio from the file URL

Safari CSS relative parent & relative child with pseudo selector does not match other browsers output

I am not looking for an answer to fix the code, moreso an answer or explanation as to why. Safari will render children elements with a relative parent in a comp

How to add TLD to search exception in Safari

How can I add .locahost to the list of TLDs that Safari will load — instead of searching — without supplying a protocol? Alternatively (or perhaps a

Speech Synthesis is not working in Safari MacOS 12.3

The Speech Synthesis API does not work on Safari on MacOS 12.3 (It is working on MacOS11). I have the code below where when user clicks a button will call speak

elements over video in native full screen mode - SAFARI

This bug is appearing only in Safari on Mac OS and only with the current set up in our application. Initially I though it was a z-index issue, since some elemen

window.addEventListener('load',... not firing on Safari?

I need redirect page after it load and get param from URL. I can do by button click. But I want redirect page automatic (without user input). I am use window.ad

Angular 6 app is not working in safari browser

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,

How do i apply css in Safari browser to show background color and hover effect of this <li>box

i can not figure out how to address this issue with safari browser. Note the images attached. One Chrome, shows box with background color and there is also a

Firebase Dynamic links - when clicked not working in iOS

Im using firebase dynamic link to open the mobile application (If already installed) or to redirect user to Playstore or app store. In iOS mobile , I pasted the

iPhone X status bar black web app

I am working on a web-app and in testing on iPhone X using the Simulator, the status bar is completely black. How do I make my website cover the entire screen?

Stop safari from sharing canonical url

I recently noticed that the safari share sheet sends the canonical url when a user uses it to share a webpage. Is there a way to overwrite that behaviour via h

line clamp (webkit) not working in safari

display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-pack: end; text-overflow: ellipsis; -webkit-box-orient: vertical; overfl

Why .mkv, .flv, .ogv video file is not playing in safari?

I am using cloudinary for uploading the videos. While trying to play the video, I am using HTML video tag <video controls playsInline> <source src=