Hello
Safari 15.4 window.open freezes both parent and child tabs
Made a github page where you can reproduce the bug:
https://swanty.github.io/pdfjs-safari/broken.html
It happens only when special conditions are met:
The broken.html page loads Stripe v3 js file (important for the freeze)
Upon clicking CLICK ME the code executes window.open().location = '...';, thus both parent and child tabs are linked together in the same process
The second page opens the latest release of mozilla pdf.js that loads .pdf that contains only 1 image (the image is important for the freeze)
Image is simply 3000x3000 PNG, 1 color, 1.2 kB file created with photopea, nothing special, except the resolution.
PDF I created by dragging the .png into Chrome and clicking Print -> Save as pdf, also nothing special, just a regular pdf.
On our production web if I navigate pages in same tab and at any point that stripe JS is loaded and then I navigate to a different page where window.open().location = '...' opens that pdf.js + .pdf file with special image then both tabs freeze.
It doesn't matter how many times I navigate the pages (in same tab), it seems that once the stripe js is loaded, it lingers in the tab memory somewhere and causes the freeze.
I would really appreciate it if someone from the Safari developer team could take a look at this and help find a solution :)
Thank you
Post not yet marked as solved
I was working on a project where I used the HTMLAudioElement to record an audio response. While playing the audio on iPhone, I noticed that the sound came just from the ear speaker and not the loud speaker which is desired by the user. Is there a way to select the output to come out of the loud speaker as in the former case the user can't hear the preview audio properly?
Post not yet marked as solved
When I am applying the CSS property "position: fixed" on the body a white space appears at the bottom of the screen.
steps to reproduce the issue:
open any page on ios safari
hide the address bar by scrolling up
apply css property position fixed on body
You will see the extra space at the bottom of the screen. This area will be filled with address bar if the address bar is open.
Post not yet marked as solved
Our web application is not working in iPAD & iPHONE (Safari & Chrome) browsers on 15.4.1 iOS OS version ,till 15.3.1 version it was working as expected in iPAD & iPHONE browsers (Safari & Chrome).
Our Application is dynamic loading content for each inspection question.
When user addressing inspection questions in between page gets auto refreshing, Due to this behaviour user are not able to complete the inspection.
Technology USED:
HTML 5
Jquery - v3.2.1
Post not yet marked as solved
Is it possible to hide the home screen indicator present on iOS devices with no home button on webpages that have been added to home screen? I know it is possible on iOS apps, but I cannot find anything related to safari webpages added to home screen.
Post not yet marked as solved
I want to get user's dictation content and do something.
However, during dictation progress, system will continuously trigger 'input' DOM event with duplicated strings. It is impossible to know whether the dictation progress is end to get the final result.
Several solutions here:
provide specific field, like dictationStatus: end in input event params.
trigger composition event instead of input event
trigger specific DOM event when user presses on the dictation button.
trigger input event only with latest recognized string.
for example, I say " I like apple" will get 3 events with strings: "I" "like" "apple" ( not "I" "I like" "I like apple")
Post not yet marked as solved
"We have recently come across an error that exists only in Safari browser and impedes adoption of ES6.Essentially, attempting to access caller function property, which points to an async function, would result in a unahndled error.Here's a fiddle that demonstrates this issue: https://jsfiddle.net/ope31anx/1/Also here's a copy-paste of that code:MyClass = function() {
var me = this;
me.asyncFunc = async function() {
me.syncFunc(arguments);
alert('works!');
}
me.syncFunc = function() {
me.syncFunc.caller; // where error ocurrs in Safari
}
};
new MyClass().asyncFunc();Running this code in any browser other than Safari will result in "works!" alert. Running it in Safari will result in console error "Unhandled Promise Rejection: TypeError: Function.caller used to retrieve async function body".I can reproduce this in Safari 12.1.2.I can verify no such issue in Chrome 76.0.3809.132 or FireFox 69 or Edge 44.18362.329.0In our codebase this error is particularly annoying because since we use ExtJS and it uses similar approach for its callParent() implementation, which means we cannot use async/await because of Safari. My biggest surprise has been that I could not find a single entry on Google of anyone else facing this error. Perhaps it is recent.
Post not yet marked as solved
I have a select element and a input element like this:
<html>
<head>
<script>
$(document).ready(function(){
$("#sel").change(function(e){
$("#txt").focus();
});
$("#txt").focusout(function(e){
$("#sel").val("1");
});
});
</script>
</head>
<body>
<select id="sel" style="width:50px;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br/>
<input id="txt" name="input" style="width: 100px;">
</body>
</html>
change the option value to 2, then the option value is 1.
The expected value is 2.
mobile safari fires focusout event of active element when the change event occurs.
Post not yet marked as solved
My app has HTML pages for content, and I have a button-triggered action to change the size of the text by using a set of functions that stepwise increases the WebKit webview text by changing the class of the document body (i.e."smallestText" = CSS webkit-text-size-adjust:80%) using the code below as the last step.
On the iPhone simulator, this works perfectly but on the iPad simulator the text size does not change even though the functions are called, the javascriptString is correct, and the _webview contains the web content.
I thought this might be a doctype version issue (most of the pages are HTML 4.01 strict) but changed it to HTML5 (!DOCTYPE html) with no change.
Any ideas?
(void)refreshWebview {
NSString *javaScriptString = [NSString stringWithFormat:@"document.body.className = '%@'", self.fontSizeName];
[_webview evaluateJavaScript:javaScriptString completionHandler:nil];
}
Post not yet marked as solved
We are developing a website which is exchanging cross site cookies. Since, the default settings for safari is to prevent the cross site tracking, the cookie is not passed in the calls, impacting the further functionalities.Is there any way to detect the current safari cookie settings using Javascript?
I want to change web development environment.
do you have good ones?
I want to know what Myles used.
Please check out 9:30 of this video.
https://developer.apple.com/videos/play/wwdc2021/10029/
Post not yet marked as solved
On a MAC, the lost focus event is not triggered when the focus
shifts away from the browser (This happens on all browsers (Safari, Chrome or
Firefox))to another window when clicking on a search textbox or notification
panel. This has been observed in:
MAC OS Big SUR Version 11.2.1
MAC OS Big SUR Version 11.5.1
MAC OS Big SUR Version 11.6
MAC OS Monterey 12.1
MAC OS High Sierra
Version 10.13.6 is the only MAC OS where the lost focus event is triggered when
clicking away from the browser to an OS component such as a textbox or
notification panel. Is it possible to restore the lost focus event on the above
versions of MAC OS?
Post not yet marked as solved
Hello,
I would like to have some fringe information about ioS Safari App extensions.
My need is passing some HTML to the iOS Safari browser so a new tab or window is opened and the HTML rendered (and its Javascript executed, if any).
Being that this is not possible directly, and said that I need that the HTML is handled by Safari and not by a WKWebView or by a SFSafariViewController inside my app,
I thought about using an app extension.
This seems to be cumbersome, especially for the reaasons described here:
https://www.wildfire-corp.com/blog/to-apple-your-new-mobile-safari-extensions-are-great-can-opting-in-be-made-easier
I do not know if something has changed or will change, I did not dive in the extension development yet.
My idea is creating an extension with access to only a special domain, like html.myapp
The url would be https://html.myapp/37h238rd83dt2d2tr8fai33cf
When my app wants to open an url like that, Safari should open a window and start the extension, right?
open(url,options:options,completionHandler:handler)
The url contains a sort of query parameter that is a long string (bas64?) representing the entire HTML code, or a sort of unique ID.
The script has to display the HTML after extracting it from the url, or read some shared data between the app and the extension based on the ID.
After this point no other interaction is needed between the app and the app extension.
I would like to know if the Safari browser in fact can open the new window just on behalf of a special url like the above mentioned one, that is,
an url that does not point to a real web page, being that the domain is somehow "fake", although authorised from the Info.plist file.
The domain is just for enabling Safari to receive the entire url with HTML string or the unique ID.
So would the iOS Safari browser open the window, start the script and then display the HTML?
And would all this be allowed by the submission review process?
Thanks in advance,
Regards
PS
I know that it was better that Apple allows to pass securely some HTML from a registered iOS app to Safari, instead of this workaround, even with special info.plist keys, certificates or something like that.
Hi Guys,We are aware that Apple have already included the media autoplay blocking mechanism in the Safari browsers. We strongly agree on this step to minimize abusive use of annoying video advertisements that plays annoying audio loud enough to blast a hole on your sound system.But what we are not really aware of is if Apple have reserved a way to facilitate autoplay for websites that offer protected premium LIVE streaming services like ours. Could you guys point us to where we might find this? This autoplay block is really affecting the user experience on our service and we are receiving a lot of complains from customers. Instructing our clients to enable autoplay manually on Safari for our website is really becoming costly for us.Bigger streaming websites such as youtube doesnt seem to be affected by these changes. Probably because of some exceptions of the rules that are pre-installed on Safari or in the way they are using autoplay. Would you guys be kindly enough to tell us how youtube is able to use autoplay while others cannot? Is it because of some special agreement they have with Apple or is there any established rules that we need to comply in our code to make Safari enable autoplay for our application?Best regards,
Post not yet marked as solved
I am writing a web server and testing with Safari. The server is written in Go. I have a page which allows the user to upload an image. The image displays properly in Safari. The image data is in a base64 string. This is on an input tag in the HTML. The save button submits this image along with other inputs. If the string length is over about 500K, when the request arrives at the server, the image string has been truncated which then produces an error EOF when attempting to decode the image. I have used the web inspector to see if I can find an issue there, but everything appears normal. If I select an image of less than around 500K, it is shown fine in the browser and the data string is fine when it arrives at the server. The image upload is accomplished by an input button of type "file" which onchange() executes this javascript code:
function processFile(imageInput) {
const reader = new FileReader()
reader.addEventListener("load", () => {
uploaded_image = reader.result;
let displayImage = document.querySelector("#display_image");
displayImage.style.backgroundImage = `url(${uploaded_image})`;
document.querySelector("#display_image_data").value = uploaded_image;
document.querySelector("#display_image_size").innerHTML = uploaded_image.length.toString();
});
reader.readAsDataURL(imageInput.files[0]);
}
The display_image_data element is
<input id = "display_image_data" name = "photoBytesString" hidden>
Post not yet marked as solved
Hello,
I need to understand if this is feasible.
I need to open a local HTML file placed in the temporary folder of an iOS Swift app in Safari, from the app itself.
At present time I know it is possible to open an Url in Safari, but I am asking about
1- using the file:/// scheme (like Android does)
2- providing directly the HTML text
I have this specific need not to use the WKWebView because I want that the user can exploit features like saving credentials, caching and so on.
I do not know if the WKWebView is able to provide this kind of features, and I do not want to have this kind of features directly in my app for security concerns.
Also other workarounds or solutions are welcome.
Thanks in advance
I recently updated my iPhone to iOS 15 and suddenly the text inside all the buttons on my website looks blue (when it should be black), both on Safari and Chrome. I don't know what to do.
Post not yet marked as solved
I'm trying to figure out why voice over seems to be interrupting an alert role on a webview.
I'm on iOS 15.3 and starting an ASWebAuthenticationSession.
If an error occurs during login such as, Username and Password are not recognized an error would appear on the html.
<div id="authn-error" name="authn-error" role="alert">
$templateMessages.getMessage($authnMessageKey)
</div>
If all goes well VO reads out the error message but, sometimes it gets interrupted with the address bar.
When the page is loading the voice over moves to the error then shifts focus back to address bar and reads out the "Address ten percent someWebSite.com secure and validated".
Any help is appreciated.
Post not yet marked as solved
Hello all!
Is there a way to detect with JavaScript if the website runs inside the iPhone's Safari Browser or inside an application SafariServices?
I found scripts but it detect WebView or not. What I want to is detect SafariServices.
Any suggestion or solution would be great!
Thanks..
Post not yet marked as solved
I feel this may be a HTML5/Webkit bug related to the canvas element or the way it is repainted (when control comes to that view (I mean page) after going to some other view) when the view is re-rendered, please correct me if this is wrong based on the description.
This bug appears to be a generic one observed on iOS 14 & above on both iPhone and iPAD. The bug does not appear till iOS 13.6 (verified on iPAD Air 2019 iOS v13.6)
The bug is as follows:
The view elements (say text box, input .. esp those at the top) are rendered correctly when the user visits a page first time (e.g. as in goes from page 1 to page 2, then the view elements in page 2 are rendered correctly). Now if the user goes back from page 2 to page 1 & then revisits page 2, the view elements (esp those at the top) disappear.
The following video clips can help understand this better:
#1 2 mins: https://drive.google.com/file/d/1ycO3YcJeSMA8kmDm6g9ciLUdbEQ-TNbC/view?usp=sharing
#2 Less than 25 secs : https://drive.google.com/file/d/1bUBkHQaC0bn6FofLZz2KXTRTg78rF0mx/view?usp=sharing
(Please look at both clips)
Now if one were to pull and drag down the screen/canvas area at the place where these view elements were originally, then the view elements show up (it's just that they have somehow "gone over the top" after we want back to the earlier page) look at this video clip :
https://drive.google.com/file/d/1LKYkqNRrDIE2-f61amMu_gv2QK8lNQf-/view?usp=sharing
This bug has been observed in the "HTR Resistor Finder" app using Sencha Touch/Cordova (App store link: https://apps.apple.com/us/app/htr-resistor-finder/id923363496 ).
The app has worked perfectly well iOS 7 onwards till iOS 13.6 as also it's working well in all versions of Android 4 onwards till 11, that is the latest Android version.
The bug appears to have been introduced due to changes in Webkit in iOS 14 onwards. A bug has been already in Webkit bugzilla https://bugs.webkit.org/show_bug.cgi?id=229231
Please confirm this is being looked into. Hope this can be addressed soon!
Swanty.
