Category "safari"

ReactJS multiple video autoplay on iOS

I'm developing a website with iOS friendly. I have some experiences of making video auto play on iOS. To make able to autoplay on iOS, we must follow these rul

Black Line appears in Safari not Chrome using Ant Design Table

I'm using Ant Design UI Library in React. Using Table Component and using fixed columns features like this, The black line appears in Safari not Chrome. I th

Image is not in center on safari mobile web

I implemented css animation to the image and it works well on explorer or chrome through the pc. Though, on safari, the image is placed in the left top corner.

Is there a replacement for "contain: content" for safari?

I am trying to find a replacement for the css property "contain: content" for Safari (since it works perfectly on Chrome), but I can't find any. Is there some k

Get IPv4 Address using JavaScript on Safari

I'm creating a web application and in order for it to run, you must have your device 'registered'. The registration process involves entering the IPv4 address o

WKWebView open links from certain domain in safari

Within my app I am want to open links from within my domain (e.g.: communionchapelefca.org) in WKWebView but then have links from other domains open in Safari.

HTML5 date picker doesn't show on Safari

Having previously used jQuery date picker, I have now converted some of the date fields in forms on my website to the HTML5 date picker. On the documentation,

Background-repeat: space seems to stop working when parent gets too wide

I've been playing around with space and round values for background-repeat. In theory this should mean I can use a radial gradient to create a nice dotted borde

How to hide background for ::cue pseudo-element on Safari?

I'm trying to hide captions on a video element: I'm using the following css: video::cue { visibility: hidden; } It works fine in Chrome, but on Safari it

CSS flip card flicker on Safari and broken scroll

I have a flip card that displays content on the front and back. Front content determines the height of the card. The card back should be the same height as th

When will SpeechSynthesis.speak work on iOS Safari?

I've been exploring the limits on SpeechSynthesis.speak on iOS Safari. I believe the current rules are more restrictive than there were in the recent past. Are

colors change on safari

I have a button and styles for it, let's say this color is #e67410 for main-btn::before(border-top: 14px solid #e67410;), but in the safari browser this color t

What web component features are not supported by Safari desktop and Safari iOS?

Most references as below mention that Safari partially supports web components. In detail, what web component features are not supported by Safari desktop and S

How to Inspect Element using Safari Browser

I am developing websites and creating applications. I want to know how to inspect an element through web browsers like safari. In normal Chrome, Firefox, Expl

"Unexpected identifier" error for first object (Safari only)

When I run the following code in Safari (and only Safari), the Javascript won't load in the browser: $(document).ready(function() { let dataX = { last:

sendMessage not received by options page onMessage in Safari

I have ported a Chrome/FireFox extension. One of the things that does not work is receiving message from background to a options page (safari-web-extension:///p

How to detect if the OS is in dark mode in browsers?

Similar to "How to detect if OS X is in dark mode?" only for browsers. Has anyone found if there is a way to detect if the user's system is in the new OS X Dar

Not respecting z-index on safari with position: sticky

I'm been having some problems with my site redesign, I have a section of goals in the case study that is sticky and once you pass an image that goal gets crosse

Background image not showing in Safari

I am working on a responsive design and the class "bgMainpage" is having a background image but it is not showing on Safari on all the devices. I have applied b

Backdrop-filter: blur + box-shadow not rendering properly in Safari

I've tried using the CSS backdrop-filter: blur combined with the box-shadow property but the final result doesn't seem to be rendered properly in Safari. I'm u