Category "safari"

"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

Frontend JavaScript request gets 302-redirected but ultimately fails

I'm trying to create an audio visualization for a podcast network, using the Web Audio API with createMediaElementSource() very similarly to the model explained

Invalid Property Value on background-image

.up { background-image: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat; } This code is giving me an 'invalid prop

why does display:table break absolute position on safari only?

how it should be and looks on chrome and firefox: how it looks on safari: removing display:table fixes the positioning, but i need that for the styling (

My Scroll function is not working in Safari

I'm aware that Sarari does not support smooth scrolling with JS. However, I'm okay with just the default behavior of auto. However my app doesn't seem to be doi

iphone web develop mode (inspect element) on windows safari

I found two ways how i can easier develop web app for iPhone. http://moduscreate.com/enable-remote-web-inspector-in-ios-6/ http://webdesign.tutsplus.com/tutor

How to detect if Prevent Cross-site tracking is active on Safari 13 with javascript

I would like to detect when Prevent Cross-site tracking is active in a browser using JavaScript. My challenge is trying to find a method to detect this and show

How to prevent Safari from dropping the Authorization header when following a same-origin redirect?

Safari seems to drop the Authorization header when following a same-origin 301 redirect. For example, this JS code: fetch("/api/endpoint-that-redirects", { head

safari react-parallax-tilt bug

I have strange bug only in safari my header container have position: sticky and when I hover items wrapped in Tilt component and scroll page down this bug happe

Getting Webkit to pay attention to <legend> margins [duplicate]

I'm simply trying to get Chrome/Safari to pay attention when I say margin-bottom: 20px on a <legend> tag... demo: http://jsfiddle.net/HN

SVG Fill and Filter urls from css not working on safari

I created an animation for my personal website, its working in Chrome and Firefox with no problems and I don't care about IE, but its not working on Safari, I t

Amplify gives "No current user" only in Safari?

Context: I'm using Amplify for authentication in a static site that is composed of 2 sites frankensteined together by building Website A, putting it into an S3

Debug embedded browser view in native Facebook iOS app

My web application is malfunctioning when running inside the native Facebook app for iOS (clicking in a link does not open Safari, but an embedded browser insid

Trimming image corners with border-radius set on parent div doesn't work in Safari

I have an image placed inside a div, the div has rounded corners which works as a mask to hide the image corners and display it as a circle. It works in all bro