Questions tagged [safari]

1

votes
2

answer
87

Views

How do I check status of my Ajax request running on my iPhone Safari?

I have this code loaded on my site fingerprinting page loaded. // console.log(window); function getIPhoneModel() { // Create a canvas element which can be used to retrieve information about the GPU. var canvas = document.createElement('canvas'); if (canvas) { var context = canvas.getContext('webgl'...
kyo
0

votes
0

answer
14

Views

Cursor jumps to end of field if you attempt to edit

This only happens in Safari. I have a simple text field that is used for email. If you enter some text, then move the cursor over a few spaces to edit and enter more, as soon as you start typing it puts the cursor at the end and puts the new characters there. It appears to be this bit of code cau...
ShaneP
1

votes
5

answer
6.6k

Views

Loading webpage inside iOS application

If we load a webpage, we can forward it to safari, but this causes users to leave our app. Is there any way so that a user visits any webpage and then come back to our application.
0

votes
0

answer
4

Views

Geolocation API is not at all working on all Safari browser

It seems that geolocation API no longer work on both desktop and mobile version of Safari browser. Code as simple as below is not working, it is asking for location but then callback function is not running. Why does Mozilla website says that this API is supported by Apple Safari while clearly it's...
Aumkar Thakur
1

votes
1

answer
2.9k

Views

CSS Grid not working in Safari

I'm trying to figure out if there is something wrong that I'm doing or is CSS grid not supported in Safari (MacOS or iOS) even though everywhere they say it's supported? I tried something like this: ul { list-style-type: none; text-align: center; } .grid { display: grid; grid-gap: 20px; } .g...
AdrianS
0

votes
0

answer
16

Views

Workaround for focus on input after component is mounted on mobile safari

I can't set focus on input after Vue component is mounted on Safari Mobile. In my other project, that based on jQuery I resolve this bug with triggering touchstart on click handler. But in Vue this trick not working. I know that on mobile safari I can't trigger focus event outside real user interact...
0

votes
0

answer
4

Views

What can be the cause for “The operation was aborted(Abort Error)” - iOS mobile web

I have a video player for mobile web(HLS). We asked the user to press the play button (to get the user interaction, but we are getting the following error: AbortError: The operation was aborted Any idea what can be the reason for it? It's occur only on iOS (Chrome & Safari) Thanks Zee
Zee
1

votes
2

answer
2.8k

Views

Why is a picture appearing blurry on the iphone (no scaling)

I have been doing a bit of testing with images today and found that I could not make a blurry PNG image, which looked fine on my desktop appear non-blurry on the iphone without doing some strange things. It wasn't until I made the images twice the resolution, then resized them within the iphone that...
willdanceforfun
1

votes
0

answer
218

Views

Url loads via SafariViewController but not via WKWebView in iOS

I am running a demo project on iOS 11 device. There is a certain url which i am loading in SafariViewController using below code, which works fine. NSURL *url = [NSURL URLWithString:@'https://myCustomUrlHere']; SFSafariViewController *svc = [[SFSafariViewController alloc] initWithURL:url]; svc.deleg...
iPhoneDeveloper
1

votes
1

answer
335

Views

@page css rule alternative for safari

How can I use write alternatives for these rules in safari? I am using angularPrint directive for adding print functionality to some of my pages, which adds some helper classes to my document and also use @page directive, everything works fine in all browsers except safari, I found that these rules...
Rathma
1

votes
0

answer
97

Views

jQuery LightSlider in Safari (WLAN) iPhone & PC Browser

on our company website, we are encountering some problems, with a jquery Lightslider, this slider isn't loading on safari on iPhone, Mac, and windows, but only if connected to the wireless network. If we are connected to the mobile network there is no problem with the sliders, here is the error mess...
user3469017
1

votes
0

answer
62

Views

Dropdown selected options not displaying on Safari iPad

Using jQuery, I'm trying to change the selected option in a SELECT element dynamically. It's working fine on Chrome/IE on windows but not working on iPad/Safari. Here is my code: $('#ddlRegion').find('option').attr('selected',false).prop('selected', false); $('#cicddlRegion option[value='' + currCod...
Daniel Smith
1

votes
1

answer
315

Views

visibilitychange in mobile safari standalone mode

The Visibility API doesn't work in standalone mode on iOS. I need to know if the phone was unlocked with my app in the foreground so that I can check for an update, but nothing seems to work. I don't get the visibilitychange event. document.hidden is false, and document.visibilityState is 'visi...
Jamie Aurand
1

votes
0

answer
376

Views

Angular - iOS Blank Pages

I've just installed Angular and I'm facing two blank page problems: 1) Blank Angular.io Website On iOS 7 My iPad (running iOS 7) just sees a blank page when I try to load the Angular.io website, both via Safari and Chrome apps. I thought iOS 7 is supported by Angular (source), isn't it? It does disp...
Mongrel Jedi
1

votes
0

answer
62

Views

File upload doesn't terminate (freezes near the end) in Safari

I'm running a test server under the latest Django 2 release (Python3.6) on Mac OS X. My applications seem to work well across both Safari 11.0.2 and Chrome (build 63) except for one anoying detail. I've got this file upload form: class BulkForm(AssemblyForm): # AssemblyForm itself defines a Char fi...
Eli Korvigo
1

votes
0

answer
40

Views

Animation doesn't start in Safari, via code

I have this animation @keyframes scroll { 0% { top: 100%; } 100% { top: -170%; } } used by an element #titlecontent { position: absolute; top: 100%; animation: scroll 150s linear 1s; color:#3998AC; } everything works fine with any browser including Safari (both Windows Safari and iPad Safari). But...
Taxidriver
1

votes
0

answer
489

Views

Blob Url for Audio Element Source

I need to use a blob url for the audio element source, and it is not working on Edge or Safari; however it works in Chrome and Firefox. So basically something like this: is not working on Safari or Edge. Any workarounds? You can also check this fiddle for example and try it different browsers: https...
VMh
1

votes
1

answer
780

Views

SVG Linear Gradient is not working in Safari

I'm doing cross browser testing on my web app that I have a gradient color element to render. This feature works well in Chrome and FireFox so far. However, It doesn't work in Safari for some reason, I hope you guys can help. chrome circle safari circle export function renderCircle(size, number, dat...
Han Jiang
1

votes
0

answer
109

Views

Is there a way to get drag and drop data in safari 11 or is that broken?

I created an webpage that lets users drag and drop images from a website into a div. If I drag an image of a potato from google images into the box of this webpage , the image's url should get logged to the jconsole. This works perfectly in windows but not on mac. Using safari 11 on mac, getData ne...
LegendaryPotato
1

votes
1

answer
138

Views

TYPO3 and IOS: can't open the page

My situation: I have 10 typo3-websites running on two servers: First Server (apache with php 5.6.32): typo3 versions: 6.2.3, 6.2.4 and 6.2.14 Second Server (apache with php 7.0.26): typo3 versions: 7.6.14 and 8.7.1. I'm not able to open the page on an iPhone or iPad with osx 10.x or above. I tes...
patrick
1

votes
0

answer
151

Views

decodeAudioData example does not work on Safari

I tried to use decodeAudioData on Safari but failed. Searching for a solution I found that even https://mdn.github.io/webaudio-examples/decode-audio-data/ does not work on safari (Version 11.0.2 (11604.4.7.1.6) on OSX 10.11.6) For details see https://github.com/mdn/webaudio-examples/issues/5 Is ther...
Bernhard
1

votes
1

answer
251

Views

-webkit-overflow-scrolling: touch; border-radius will be ignored when set background in child element

There is a strange phenomenon on safari: border-radius of parent element doesn't work when child element has a background. Everything is OK when remove -webkit-overflow-scrolling: touch;. What happen when set -webkit-overflow-scrolling: touch; in safari ? How can I keep -webkit-overflow-scrolling:...
chenluyan
1

votes
0

answer
160

Views

Iframe is not scrolling on iPhone 7

I have an embed on a page. But when I open it on iPhone 7(Safari), it doesn't scroll. If I change the screen orientation from portrait to landscape, the scrolling works. After that if I change the screen orientation to portrait, the scrolling will work. I also tested on iPhone 6s(Safari), it works w...
Deepak P C
1

votes
0

answer
179

Views

Unable to pick HTML select element option on Safari 11 using Nightwatch

I cannot click the option from select element in Safari 11. I also test in the other browsers, and with Chrome, Firefox and IE I don't have this problem. I'm writing tests in Nightwatch 0.9.19, running them on BrowserStack. On Chrome works simple click on element or keypress: this.click('[data-qa='s...
Cerbia
1

votes
1

answer
377

Views

iOS safari reader view not showing site correctly

iOS safari reader view looks weird. It shows headline and underline of a video and a lot of white space. Also the title is double. It also shows the word advertisement when there is an ad in the original page. Does anybody now wich keywords triggers the reader view in iOS and how to customize it? I...
General Paulinski
1

votes
0

answer
147

Views

Why AudioContext.createMediaElementSource seems to break the playback on iOS Safari?

I am creating a React application, where I want to use WebAudio API. I have a component like this: import React, { Component } from 'react'; import MdPlayArrow from 'react-icons/lib/md/play-arrow'; const AudioContext = window.AudioContext // Default || window.webkitAudioContext || false; class Play...
Jaakko Karhu
1

votes
0

answer
34

Views

AngularJS / Ionic does not update all the UI?

I have an AngularJS / Ionic App (I don't know whether the issue is related to Ionic or Angujar). Recently the UI has begun to behave differently in Safari (both on IOS and on a MacBook). Check out the pictures: When I push the plus button, 250 is added to the 3000. In the next picture I've pushed t...
Jolle
1

votes
0

answer
17

Views

Do HTML tags work to display subtitles on the native iPhone player?

On my website, I have a web page with a Flowplayer video player. My video contains subtitles. These are formatted with HTML tags such as or . When I try to view my video on the iPhone with Safari, it is the native player of the iPhone that starts and the formatting is not taken into account. Does a...
Andréa Cauchoix
1

votes
0

answer
55

Views

Safari extension has content security policy error with firebase

Can I resolved this?? Try code: firebase.database().ref('name') Error message: Refused to load https://${my-firebase-id}/.lp?start=t&ser=23326461&cb=1&v=5 because it does not appear in the script-src directive of the Content Security Policy.
Taro Shono
0

votes
0

answer
4

Views

3rd party cookie does not persist in iframe itself, only in safari

I've got a page with a small ecommerce/basket/checkout flow. Which relies on a basket_id stored in a cookie. This page is being included via an iframe on several different domains. In all browsers the checkout flow works, except for safari. After researching the reason behind this, and why it mirac...
stUrb
1

votes
1

answer
47

Views

Refreshing safariViewController causes OAuth2 to fail

I made a similar question about the library in question (Keycloak), but I feel it may actually be related to code outside the library. I am trying to use a Safari View Controller with Aerogear OAuth2 in order to login via Google. However, when trying to log in, if you try to refresh in the middle of...
Andrew Alexander
1

votes
0

answer
30

Views

Flexbox is not side by side on Safari

I am trying to put the divs side by side with flexbox, but on safari for mac is not working. Chrome, Firefox, Edge and Internet Explorer 11 it is working. Someone can help me? hehe all browsers safari It looks like the white block has box-sizing: content-box, but it does not have... Does anyone know...
Maicon Furtado
1

votes
0

answer
67

Views

Differentiating between access from App Store application on MAC vs regular browser in Javascript

I want to differentiate whether the user is accessing from 'Go for Gmail' application on MAC or the regular Safari browser in javascript. I checked the user agents and there are no clues / differences between the two. Ex: User Agent sent by 'Go for Gmail' application on MAC is Mozilla/5.0 (Macintosh...
ICK Geek
1

votes
0

answer
46

Views

CSS3D overlapping divs on Mobile Safari

Mobile Safari shows the correct version of the UI for a split second. After that the translated 3d surfaces cut into each other. .top { background-color: #a58855; transform: translateY(-50px) rotateX(90deg); -webkit-transform: translateY(-50px) rotateX(90deg); } Please see full code on jsbin Any ide...
Jakub Pawlowski
1

votes
1

answer
40

Views

Textarea caret is not rotated on iOS 11.2.5

I have a textarea that is rotated 45deg textarea { transform: rotate(-45deg); } The problem is that on an iOS device the text caret doesn't rotate, it shows as a big weird box. textarea { border: 1em dashed red; padding: 1em; transform: rotate(-45deg); } Cursor in iOS: bugged close keyboard Exa...
BrunoLM
1

votes
0

answer
320

Views

iOS Safari loses focus when touch/scrolling a div with overflow: auto;

I've got an issue here where I have a vertically scrolling div fill of buttons and on iOS/Safari, the focus is very unpredictable. Sometimes when you touch/scroll in the div area, the page itself scrolls. Other times it behaves as it should and scrolls the contents of the div. I cant have the page s...
Tavis
1

votes
0

answer
1.1k

Views

iOS simulator can't access any URL and shows the error “This connection is not private”

I've encountered a problem where my iPhone Simulator can't access any of the websites on SAFARI. I am also unable to call any API from my application. The error shown by SAFARI is either of the two mentioned below: 'This connection is not private' Refer Screenshot OR 'Safari cannot open the page bec...
Pramit Tewari
1

votes
1

answer
609

Views

Can't open new tabs or windows beyond the first on IE, Edge, Safari

I'm currently having an issue where I have three major links on this landing / splash page (http://dairyberries.com/) where it's supposed to link out to a new browser tab or window when you click on any of the three main links under the logo. I've used target='_blank' and target='_new' and in both c...
Adam Bell
1

votes
0

answer
928

Views

iOS 11 Safari webapp status bar styling adds bar below body and html

With the following meta tags set: and following style: html, body { width: 100%; height: 100%; overflow: hidden; position: fixed; } If started in full screen, the status bar is transparent with white text, and the viewport starts at the top of the screen, but it ends above the bottom of the screen....
ZorgoZ
1

votes
0

answer
118

Views

Remove show/hide password icon in Safari

Is there any way to disable or remove show/hide icon in Safari which appears when you start typing symbols into the input with 'password' type? I could easely do it in IE/EDGE by adding to my CSS following rule: input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none; } But...
Igor Kurylenko

View additional questions