safari , Why won't this URL work in Safari?


Why won't this URL work in Safari?

Question:

Tag: safari

This works in Chrome and Firefox and IE, but not Safari on OSX. Any way to get around it?

"There is no application set to open the URL username:[email protected]"

http://username:[email protected]


Answer:

You want http://username:[email protected] instead. http:// goes first.

http://en.wikipedia.org/wiki/Uniform_resource_locator

scheme://username:[email protected]:port/path?query_string#fragment_id


Related:


error while sending text to div field in Safari using protractor


selenium,selenium-webdriver,safari,protractor,end-to-end
I've got a text area div field: <div id="shortansweractivityId" class="shortanswerText ng-pristine ng-scope ng-isolate-scope ng-invalid ng-invalid-required ng-touched" ng-model="activity.answer" ng-if="isEditable" ng-focus="editing()" placeholder="Write here..." contenteditable="true" content-type="text"></div> I'm able to use sendKeys in chrome using: element(by.css('div#shortansweractivityId')).sendKeys('Test'); But when run the same in safari it errors out: UnknownError: undefined is not an object (evaluating 'b.value.length')...

“linear-gradient” not working in IE9 and Safari


html,css,css3,internet-explorer,safari
I try to apply a style to a button but this style displays well on Mozilla and Chrome then it is not the case for Safari and IE9. Here is the css class: #bt_D{ width:130px; height:30px; box-shadow:1px 2px 4px rgba(0,0,0,0.60); font-size:12px; background-image:linear-gradient(60deg, rgb(231,110,49), rgb(231,171,49)); border:1px solid rgb(180,180,180); border-radius:5px; float:right; text-align:center;...

Why won't this URL work in Safari?


safari
This works in Chrome and Firefox and IE, but not Safari on OSX. Any way to get around it? "There is no application set to open the URL username:[email protected]" http://username:[email protected]

primefaces push not working in Safari using AWS Tomcat7


tomcat,primefaces,safari,websocket,push
I am using PrimeFaces 5.1, JSF 2.1 and tomcat 7 and my application is in AWS. atmosphere version 2.2.2. I am not able to use push functionality in Safari 5.1.7. We have configured the AWS to enable push based on Primeface push with AWS , Websocket with Tomcat 7 on...

CSV downloading in Safari browser


html5,safari
How to create download links for CSV file downloading in Safari browsers? Right now download link is this: <a href="http://localhost/uploads/user-import-template/SupportUs_user_import.csv">download CSV template</a> Problem is that this link opens CSV file in same browser tab, instead of downloading it....

Scroll div to the top doesn't work on Chrome/Safari


javascript,google-chrome,safari
I have a div that has independent scrollbars. At some point, I'm trying to make it scroll to the top of it's container by using this line: document.getElementById('page-content').scroll(0,0); That works great on Firefox, but not on Safari/Chrome. It says that scroll is undefined If I just use scroll(0,0); Then it...

Function doesn't work in safari on windows


javascript,jquery,html,safari
While this syntax works on all other browser, safari on windows throws an error $("#kibana").contents().find('.navbar-nav')[0].remove(); The error is TypeError: 'undefined' is not a function The element does exist. I checked using the debugger. Why is this happening?...

jQuery - $.each on SqlResultsetRowList in Safari/iOS


javascript,jquery,ios,sqlite,safari
I'm trying to use $.each to speed up iteration of a SqlResultsetRowList where I'm currently using a For loop. Here is the new code - localDB.transaction(function(transaction){ transaction.executeSql(query, [val], function(transaction, results) { var rows = results.rows; $.each(rows, function(i) { var row = results.rows.item(i); }); } ) }); The problem is i...

Sticky Menu Display Error When Viewing in Safari


javascript,menu,safari,sticky,genesis
I have a site built on Wordpress using a Genesis theme, HERE. I recently implemented a "Sticky Menu." The menu works great in Chrome, Opera and Firefox, but has a weird graphical issue in Safari. Upon scrolling down, the menu in Safari "flies in" from the left hand side of...

How Pocket put their saved message above Safari


ios,iphone,xcode,safari
My question is about how Pocket actually put their "saved" view above the Safari view. You can see it happen in this video. Did they actually have access to put their view in Safari's view? Or is Safari in charge of this view? I am talking about this ...

text wrap issue with Safari on iOS iPad


html,ios,css,ipad,safari
I have got a browser specific design issue with Safari iOS (using ipad). phone icon which I placed in the label field for that menu, bumps up to a second line. It is working fine other browser. I tried with white-space:nowrap CSS. but that doesn’t work. So I am not...

Javascript error only on Safari


javascript,jquery,safari
I've a javascript that works well in all browser but Safari. The code is pretty easy and basically when I change the value of a text field (numeric value) the content of a <b> is changed Here the code $(document).on('change', '.priceAmount', function(e) { e.preventDefault(); $((e.target).closest('div.price_info')).find('> .supplierPrice').html( ($(this).val() + 10); });...

Safari inline-block not floating


html,css,safari
I'm using the following HTML and CSS to create elements which are tightly together in a 100% space (floating?). <div class="wrapper"> <div class="image">This is image</div> <div class="content">This is content</div> </div> .wrapper { font-size: 0; } .image, .content { display: inline-block; box-sizing: border-box; width: 50%; color: #000; font-size: 18px; } .image...

Masonry layout bug on Safari, using a Wordpress site


javascript,wordpress,safari,masonry
I'm stumped. I use Masonry on my Wordpress site, and it looks fine on all major browsers except for Safari. Here is an article link, for example: masonry article about apple watch on a wordpress site On Safari the div items are all squashed up, and I have no idea...

CSS animation “transform: scale” not working in Safari and possibly other browsers


css,safari
@-webkit-keyframes scaleIn { from {-webkit-transform: scale(0);} to {-webkit-transform: scale(1);} } .animate-log-in { animation-name: scaleIn; animation-duration: 0.5s; } It's working on the latest version of Chrome (Mac OSX) but not in the latest version of Safari and an older version (I think) of Chrome. Is there anything I need to add?...

Margin not working only in Safari (element is at the bottom of the page)


html,css,safari
Please check the following link in the latest safari: http://www.grupoguion.com/ The footer is fixed at the bottom and supossed to revealed with the scrolling, so the previous section has a margin-bottom but it doesn't work, only in Safari. Everywhere else is ok, even in I.E. I tried to add overflow:...

webkit transition rule not working at all in Safari


css,css3,safari,css-transitions
I have the following CSS transition rule: .headroom { -ms-transition: transform 200ms linear; -webkit-transition: transform 200ms linear; transition: transform 200ms linear; } But latest version of Safari (8.0.6) is not detecting the transition rule: Why? What am I doing wrong? ...

Bootstrap data-toggle not working in Safari


jquery,twitter-bootstrap,safari
The below code making use of bootstrap's data-toggle="collapse" to do the functionality of collapse/expand on click of configured element, In this case, clicking parent1 and parent2 Problem: On click of parent element, the collapse is working from my PC using Chrome and firefox browsers, but it is not working from...

Buttons in ion-footer-bar are overlapping


css,safari,ionic
I am try to use Ionic ion-footer-bar to show three fixed buttons and unlimited other scrolling buttons: However, the fixed icons are overlapping each other, in Safari. The code is on: CodePen How can I have the blue buttons layout properly?...

Silverlight onLoad event doesn't fire in Firefox or Safari


javascript,silverlight,firefox,safari
I'm struggling with the Silverlight onLoad event in Firefox/Safari. In IE they fire as they should but in FF/Safari they don't. I create the Silverlight object from JavaScript supplying the necessary params incl the onError and onLoad events. I've omitted some parts of the code below for readability. Am I...

Skrollr animation flickering in safari. What am I doing wrong?


animation,safari,skrollr
While scrolling down through a image animation it flickers between each image. When scrolling back up and starting over, the flickering goes away. Works perfectly fine in Chrome and Firefox. Heres the code structure: HTML <div class="container" id="arena"> <div id="animate" data-anchor-target="#arena" data-smooth-scrolling="off" > <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0001.png" alt="" data-0-top="display:none;" data--100-top="display:block;" data--125-top="display:none;">...

Cordova won't start Safari, shows website in app


javascript,ios,cordova,safari,phonegap-plugins
It's all in the title. I Tried EVERY possible way. I tried the InAppBrowser plugin, but whatever I do. It always opens in my app instead of in Safari. There is nothing wrong with this code I think? window.open(encodeURI('http://XXX.XXX.XXX.XXX/linkylink/'+ variable.link), "_system",'location=no'); Also if i change location to yes. I dont...

iOS 7 jQuery animation fail on mobile opera


jquery,mobile,ios7,safari,jquery-animate
I'm working on drupal theme which should support iOS7 device. On my page I placed little button that scrolls to exact page position (After specified item). I wrote simple function: $('#scrollbutton').click(function(e){ e = e || event; var offset = $(this).offset(); //offset.left -= 20; offset.top += 1; $('html, body').animate({ scrollTop: offset.top,...

Snap.load() callback function triggered too late in Safari


javascript,svg,safari,snap.svg
PROBLEM In my code MySymbolsObject.js - code reported inline just for example purposes - set a window.onload event in order to Snap.load() a svg file and save the svg fragment node in Symbols.resources The last inline <script> set a second window.onload event containing code that uses the svg node saved...

Issue with window.print on Safari


javascript,jquery,printing,safari
I have a page that has some content to be printed. At the moment of the printing, some divs must be hidden and just one must appear. The code works fine on Chrome, Firefox and IE, but not on Safari. Here is my JS: $(".printButton").on("click", function (event) { event.preventDefault(); $("form").attr("style",...

Safari canPlayType() marks .ogg as “probably” & HTML5


javascript,html5,safari,mobile-safari,html5-audio
I want to create a html5 audioplayer for my band's website. The audiofiles are stored in the database as mp3, ogg and wav files to support all major browsers on their current versions. First, all audiofileversions for one audiofile are loaded into the html: <audio class="song-preview" preload="none"> <source type="audio/ogg" src="/preview/trees/trees/OG/DT/OGG"></source>...

Bordered element with display:table extends out of parent


html,css,google-chrome,safari
This code seems to have a different effect in each browser. .container { display: inline-block; border: 1px solid black; padding-top: 5px; padding-bottom: 5px; } .box { display: table; width: 10px; height: 10px; background-color: red; border: 5px solid blue; } <div class="container"> <div class="box"></div> </div> In Chrome 43.0, the table is...

CSS transition is not working in Safari


css,safari
When you hover over image1div, it scales to 0.95 and fades to 80% opacity. It works in Chrome and Firefox but not Safari. It fades and scales instantly in Safari rather than smoothly in 0.5s. .image1div { width: 350px; height: 350px; margin-top: 0px; float: right; background-color: #5a89ad; background-size: cover; filter:alpha(opacity=100);...

CSS background-color transition not working in specific browsers (desktop + mobile)


css,safari,mobile-safari,css-transitions,transition
I have this SCSS that, in theory, should transition the background color smoothly, but it is not smooth in specific browsers. See this codepen for a demo: http://codepen.io/ahegyi/pen/Wvjajy (Click on the photo or note text to activate the transition. It's more obvious if you click on the text.) .overlay {...

iOS Safari play sounds in sequence after one touch


javascript,ios,audio,safari,playlist
I'm doing some R&D with playing audio on safari for iOS. I know that there are limitations for playing audio programmatically in the sense that it has to be done from a user initiated event. What I am wondering though is if we can initiate a playlist. I want to...

Image height in safari


html,css,safari
I have a problem with some image in safari. It is working everywhere but not in safari. I've some images on my site but on safari the image's are going way to high. The website is development.mar-bakker.nl <div class="col-xs-12 col-sm-4 col-md-4"> <div class="grid wow zoomIn"> <figure class="effect-bubba"> <img src="assets/images/item-2.jpg" class="img-responsive"...

Photo gallery lagging in OS X Safari


javascript,html,safari
I wrote this photo gallery to show some photos with autoplay. (The autoplay stops when the user selects a photo manually) I'm experiencing some lag in OS X Safari (scrolling isn't smooth anymore). OS X Firefox and iOS Safari are fine. Does anyone know why this is lagging and how...

Undocumented word-break: break-word CSS property?


css,safari,word-wrap
We want to avoid long words overflowing the line and let them be broken if they have to, for which the standard approach is word-wrap: break-word Or its equivalent overflow-wrap: break-word However, we found this not to work on Safari (including Mac and iOS). We then discovered by accident that...

Button not center align in Safari


html,css,safari,center-align
Button not centered align in Safari browser JSFIddle HTML <div class="" style=" width: 100%; "> <input value="Button" class="center-block" type="submit" style=""/> </div> CSS .center-block { display: block; margin-right: auto; margin-left: auto; } Above problem just come in safari, in chrome and firefox it is ...

Safari: vertically center div inside a fixed div


html,css,safari
I'm currently having an issue that is only appearing in safari (have not tested in IE yet though). I am creating a lightbox of sorts, where there is a full sized fixed container, and a fluid inner div. The issue is that in safari, the inner container is at the...

transform-origin doesnt apply in safari


css,safari,transform
Why doesn't transform-origin doesn't work in Safari? Here, how it should look (Chrome): http://i.imgur.com/f3zBu8e.png Here, how it looks in Safari: http://i.imgur.com/0XrPYXs.png I already tried some stuff with percents but it my content divs are having different sizes, so it looks awkward. Here's the JSFiddle. http://jsfiddle.net/2f4pferq/ text-align: right; -ms-transform: rotate(-90deg); -ms-transform-origin:...

FileReader on safari firing to soon


javascript,canvas,safari,filereader
I'm working on a multi part html questionnaire style form that has a lot of text questions along with a few images. On questions that are images the user is selects the image, i create a canvas element and display the resized image in it underneath the file input. if...

Enabling rapid, multiple taps on Safario in iOS


javascript,html,ios,safari,fastclick.js
I'm using the Fastclick.js library to get rid of the 300ms delay in iOS Safari when pressing buttons and links. It definitely removes the delay for one-off clicks, but I have an application where a user has to rapidly tap a button in the browser, and the button needs to...

Namespace prefix NS1 for href on %tagElement% is not defined, setAttributeNS


svg,safari,namespaces,xml-namespaces,setattribute
I got this error in safari while trying to convert svg to base64 url via code: $svgCopy = $('svg').clone() html = $('<div>').append($svgCopy).html() imgSrc = 'data:image/svg+xml;base64,' + btoa(html) imgEl.src = imgSrc The problem is that when you set attribute with NS (setAttributeNS) safari sets NS\d+ namespace and do not sets xmlns:NS\d+...

Safari doesn’t detect my extension certificate [MAC]


safari,certificate,safari-extension
I have registered for the Safari Development Program and have a valid Apple ID. I've followed all the steps given by Apple. I have the Safari Extension Certificate (the .cer file) but when I open Safari's Extension Builder, my certificate does not appear there. I need Reputation for upload image......

getJSON from Google Apps Script not working in Safari


google-apps-script,safari,getjson
I've created this piece of code to handle my user login. var gasUrl = "https://script.google.com/macros/s/[my id]/exec"; function submitFormData() { var username = $("#inputEmail").val(); var password = $("#inputPassword").val(); $.getJSON(gasUrl + "?username=" + username + "&password=" + password, function(data) { if(data[0]) { localStorage.setItem("username", data[0].username); localStorage.setItem("id", data[0].id); window.location.href = "/index.php"; } else {...

Weird CSS Transition Issue


html,css,css3,safari,css-transitions
I'm using transition property in CSS in the navigation on my website. The navigation consists of 3 images. When you hover the image with the mouse, a transition is applied that displays an overlay with some text. This all works beautifully in Chrome and Firefox. Safari, however, is a mess....

Firebase push gave me SyntaxError: invalid object initializer


javascript,jquery,ios,safari,firebase
so I am experiencing some very strange problem. I am trying to connect to my firebase and push results to 'surveyAnswers' and it does work in chrome ( ios ) but doesn't work on firefox/safari ( ios ). Here is code which make problem - surveyAnswers.push({answers}); And here is 'complete'...

Polymer Project not working on Safari


safari,polymer,compatibility,platform,material
I'm developing a websites using Paper/Core Elements with HTML Import of Polymer Project. As subjested in some post about Polymer and Polyfill, I have imported 'webcomponents.js' that matches to 'platform.js'. That solved my problem partially, only for Mozilla Firefox and Internet Explorer. On Safari its not still working. I'd like...

2 divs in one row in Safari [error]


html,css3,safari
I'm a having a little problem trying to put 2 divs in one line in Safari. It's just an HTML for a test (http://www.despegarboido.byethost22.com/) The problem is that when I open it on Safari, all of my rows collapse into the same column. My html looks something like this: <div...

Java exception detected in safari but not detected in IE?


java,internet-explorer,nullpointerexception,safari
I have a java applet code that works fine when it's opened from IE, but if it's opened from Safari, Java console produces a nullpointerexception. The code that generate this behaviour is shown below: public class MsgBoxPanel extends JDialog { Panel panel1 = new Panel(); JLabel label1 = new JLabel();...

On iOS Safari, using radio button to toggle dom breaks radios/checkboxes


jquery,ios,safari,radio-button
The following code works fine on all browsers except Safari on iOS (haven't tested android yet). Simple enough concept. When the user clicks a radio option, I toggle a class to change which additional fields are shown. Works the first time, but after I change it once, all the radio...

CSS Transforms not working in Safari? Anybody know a work around?


css,html5,safari
I've been dealing with this problem for a week now. I'm re-designing a website, and i just finished the vertical navigation. Everything works perfect except when i view the website in Safari. The transform 360 becomes slanted, and it's hard to read the text. Does anybody know how i can...

IOS Safari transition transform not working


ios,safari,css-transitions,css-transforms,vendor-prefix
Whenever I seem to apply some code to let's say move a div for example using the latest iOS Safari browser it doesn't actually transition between the two rules set. I have tried changing to use other than percentage values but still to this day, I have never been able...

How certain page element can be hidden in Safari Reader?


javascript,html,css,safari
I've got social links on my page. In reader mode, they're showing, and i want to hide them. Social links block looks like this: <div class="social-likes"> <span class="social-likes__item"> <span class="social-likes__button" data-social="facebook"> <svg class="social-likes__icon social-likes__icon_facebook"><use xlink:href="/images/m/svg/sprite.svg#social-likes__icon_facebook"></use></svg> </span> <span class="social-likes__counter">0</span> </span> <span...