HTML

RSS for tag

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.

HTML Documentation

Posts under HTML tag

200 Posts

Post

Replies

Boosts

Views

Activity

Safari and Chrome getting Auto refreshed while using the application
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
Topic: Safari & Web SubTopic: General Tags:
0
0
521
May ’22
dictate will continuously trigger 'input' DOM event
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")
Topic: Safari & Web SubTopic: General Tags:
0
1
579
Apr ’22
Unhandled Promise Rejection: TypeError: Function.caller used to retrieve async function body
"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.
Topic: Safari & Web SubTopic: General Tags:
1
2
4.0k
Apr ’22
Mobile safari focus is lost when select changes
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.
Topic: App & System Services SubTopic: Core OS Tags:
0
0
1.6k
Apr ’22
evaluateJavaScript:completionHandler: Works on iPhone, not on iPad?
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]; }
Topic: Safari & Web SubTopic: General Tags:
0
0
1.1k
Apr ’22
Detect Cross Site tracking in Safari
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?
Topic: Safari & Web SubTopic: General Tags:
1
0
1.7k
Apr ’22
Lost focus event
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?
Topic: Safari & Web SubTopic: General Tags:
0
0
1.5k
Mar ’22
iOS Safari App extension loading HTML from internal domain
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.
Topic: App & System Services SubTopic: Core OS Tags:
0
0
903
Mar ’22
Safari trunctates base64 string representing an image
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>
Topic: Safari & Web SubTopic: General Tags:
1
0
2.5k
Mar ’22
iOS ASWebAuthenticationSession Voice Over seems to be interrupted by Address Bar
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.
Topic: Safari & Web SubTopic: General Tags:
0
0
1.6k
Feb ’22
View elements (in HTML/webkit esp at the top) disappear after returning to a page
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!
Topic: Safari & Web SubTopic: General Tags:
1
0
1.1k
Feb ’22
Website Loading Problems when using a device with Backup
We are currently facing a problem with our homepage (https://www.medienwerft.de/), which only occurs when the device is using a backup from an old device. In this case the website has problems with loading headlines, sliders and other elements. Has anyone encountered problems like this before and knows how to solve them? I will attach some screenshots, that depict the mentioned problems and the device information. Thank you in advance. Video not loading headlines on images not loading slider not loading scroll elements content not loading device information
Topic: Safari & Web SubTopic: General Tags:
0
0
608
Feb ’22
WKWebView audio volume control
Using WKWebView in iOS, I encountered a problem with controlling audio output level from &lt;audio&gt; element in HTML page.I tried the 'volume' property of the &lt;audio&gt; and also the Web Audio API 'GainNode'. Neither approach worked. The player's output stays/reported as 1.0.Curiously, within the same scope of code I can change player's other properties such as playback rate; this does work. But calls to 'volume' or 'GainNode' are flatly ignored. Two observations make me believe that this is a bug.The first one: if I use instead of WKWebView the old deprecated UIWebView, everything works fine; even Web Audio API AudioContext, Splitter, Merger, etc.The second observation: in the version of the app for macOS the very same HTML page and &lt;audio&gt; element behave as expected.Any suggestions for 'workaround' would be much appreciated,Igor Borodin
Topic: Safari & Web SubTopic: General Tags:
2
1
6.1k
Feb ’22
CORS problem only over https Safari 11.0.3
PlatformsTested on macOS High Sierra v10.13.3Safari v11.0.3DescriptionThis problem doesn't occur neither on Chrome nor Firefox. It doesn't occur on Safari over HTTP neither.It affects only POST requests (GET and OPTIONS works fine) on Safari over HTTPS.[Error] Origin [origin] is not allowed by Access-Control-Allow-Origin.[Error] Failed to load resource: Origin [origin] is not allowed by Access-Control-Allow-Origin.[Error] XMLHttpRequest cannot load [apiURL] due to access control checks.The preflight OPTIONS request is following:Request HeadersName: Value Referer: [referer] Access-Control-Request-Headers: content-type Origin: [referer] User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/604.5.6 (KHTML, like Gecko) Version/11.0.3 Safari/604.5.6 Accept: */ Access-Control-Request-Method: POSTResponse HeadersName: Value Age: 0 Server: nginx/1.6.0 Date: Tue, 06 Feb 2018 09:56:50 GMT Content-Length: 0 Connection: keep-alive Access-Control-Allow-Origin: * Access-Control-Allow-Headers: Content-Type, X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Date, X-Api-Version, X-File-Name Access-Control-Request-Method: GET,POST,OPTIONS Accept-Ranges: bytes X-Varnish: 2033664925 Via: 1.1 varnish X-Cache: MISSThe POST request seems not to be sent at all: https://imgur.com/a/t78PjAs written before - it works good on Safari over HTTP and it also works on another browsers both over HTTP and HTTPS.The only problem is with Safari over HTTPS with POST request.GET requests works fine too..😕Does Safari have any special restrictions or something? What could be a problem?
Topic: Safari & Web SubTopic: General Tags:
9
0
28k
Feb ’22
how to summarize websites
I'm trying to make an app that when the user enter an URL the app extract data from the Web Page as a summary, and it's not a specific Web Page as I don't know what the user may enter! I'm not asking for a code but I just want to know the steps that I should follow to do so, just some general info, I don't really know what the process is called so I don't know how to google it. I tried: Using SwiftSoup: Scrape and parse HTML from a URL but it only gives me HTML as an output
Topic: UI Frameworks SubTopic: SwiftUI Tags:
1
0
824
Feb ’22
WYSWYG HTML rendering of iOS/Android devices displayed on Mac OSX application or iOS app (scaled)
I would like to know if there are some well-known web technologies on Mac OSX applications or iOS apps that allow an application to show and demonstrate a real HTML rendering WYSWYG for different iOS devices, dimensions, resolution, dpi, retina, viewport meta tags and so on. It is like the iOS simulator, but I see that on that special piece of software the WKWebView is not reliable as it comes to these features, and it is a development tool. It is important that dpi, retina, viewport and so on are considered to create such an application that is WYSWYG, also if in a scaled form, or exploting the Safari browser. I think that web developers already face this issue, so I think that the related technologies have been already developed and are available. But I am no expert so where could I search for them? I mean, some platform or example application, or similar tools. The goal is creating an application that can show the result of HTML rendering inside windows (similar to the iOS simulator) that can be proportioned to real devices and allow choosing the device form factor and screen, also in scaled form, but depicting the exact HTMl rendering that will happen on the real iOS devices, but possibly also Android devices. Thanks in advance
Topic: App & System Services SubTopic: Core OS Tags:
4
0
1.8k
Feb ’22
Safari and Chrome getting Auto refreshed while using the application
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
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
521
Activity
May ’22
How to hide home screen indicator in web app html tag
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.
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.2k
Activity
Apr ’22
dictate will continuously trigger 'input' DOM event
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")
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
1
Views
579
Activity
Apr ’22
Unhandled Promise Rejection: TypeError: Function.caller used to retrieve async function body
"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.
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
2
Views
4.0k
Activity
Apr ’22
Mobile safari focus is lost when select changes
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.
Topic: App & System Services SubTopic: Core OS Tags:
Replies
0
Boosts
0
Views
1.6k
Activity
Apr ’22
evaluateJavaScript:completionHandler: Works on iPhone, not on iPad?
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]; }
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.1k
Activity
Apr ’22
Detect Cross Site tracking in Safari
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
1.7k
Activity
Apr ’22
Web development environment
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/
Topic: Safari & Web SubTopic: General Tags:
Replies
4
Boosts
0
Views
2.7k
Activity
Mar ’22
Lost focus event
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.5k
Activity
Mar ’22
iOS Safari App extension loading HTML from internal domain
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.
Topic: App & System Services SubTopic: Core OS Tags:
Replies
0
Boosts
0
Views
903
Activity
Mar ’22
Safari trunctates base64 string representing an image
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>
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
2.5k
Activity
Mar ’22
Text in HTML Buttons is blue on iOS 15
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.
Topic: App & System Services SubTopic: Core OS Tags:
Replies
8
Boosts
0
Views
15k
Activity
Mar ’22
iOS ASWebAuthenticationSession Voice Over seems to be interrupted by Address Bar
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.
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.6k
Activity
Feb ’22
Detect SafariServices or Safari Browser
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..
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
807
Activity
Feb ’22
View elements (in HTML/webkit esp at the top) disappear after returning to a page
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!
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
1.1k
Activity
Feb ’22
Website Loading Problems when using a device with Backup
We are currently facing a problem with our homepage (https://www.medienwerft.de/), which only occurs when the device is using a backup from an old device. In this case the website has problems with loading headlines, sliders and other elements. Has anyone encountered problems like this before and knows how to solve them? I will attach some screenshots, that depict the mentioned problems and the device information. Thank you in advance. Video not loading headlines on images not loading slider not loading scroll elements content not loading device information
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
608
Activity
Feb ’22
WKWebView audio volume control
Using WKWebView in iOS, I encountered a problem with controlling audio output level from &lt;audio&gt; element in HTML page.I tried the 'volume' property of the &lt;audio&gt; and also the Web Audio API 'GainNode'. Neither approach worked. The player's output stays/reported as 1.0.Curiously, within the same scope of code I can change player's other properties such as playback rate; this does work. But calls to 'volume' or 'GainNode' are flatly ignored. Two observations make me believe that this is a bug.The first one: if I use instead of WKWebView the old deprecated UIWebView, everything works fine; even Web Audio API AudioContext, Splitter, Merger, etc.The second observation: in the version of the app for macOS the very same HTML page and &lt;audio&gt; element behave as expected.Any suggestions for 'workaround' would be much appreciated,Igor Borodin
Topic: Safari & Web SubTopic: General Tags:
Replies
2
Boosts
1
Views
6.1k
Activity
Feb ’22
CORS problem only over https Safari 11.0.3
PlatformsTested on macOS High Sierra v10.13.3Safari v11.0.3DescriptionThis problem doesn't occur neither on Chrome nor Firefox. It doesn't occur on Safari over HTTP neither.It affects only POST requests (GET and OPTIONS works fine) on Safari over HTTPS.[Error] Origin [origin] is not allowed by Access-Control-Allow-Origin.[Error] Failed to load resource: Origin [origin] is not allowed by Access-Control-Allow-Origin.[Error] XMLHttpRequest cannot load [apiURL] due to access control checks.The preflight OPTIONS request is following:Request HeadersName: Value Referer: [referer] Access-Control-Request-Headers: content-type Origin: [referer] User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/604.5.6 (KHTML, like Gecko) Version/11.0.3 Safari/604.5.6 Accept: */ Access-Control-Request-Method: POSTResponse HeadersName: Value Age: 0 Server: nginx/1.6.0 Date: Tue, 06 Feb 2018 09:56:50 GMT Content-Length: 0 Connection: keep-alive Access-Control-Allow-Origin: * Access-Control-Allow-Headers: Content-Type, X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Date, X-Api-Version, X-File-Name Access-Control-Request-Method: GET,POST,OPTIONS Accept-Ranges: bytes X-Varnish: 2033664925 Via: 1.1 varnish X-Cache: MISSThe POST request seems not to be sent at all: https://imgur.com/a/t78PjAs written before - it works good on Safari over HTTP and it also works on another browsers both over HTTP and HTTPS.The only problem is with Safari over HTTPS with POST request.GET requests works fine too..😕Does Safari have any special restrictions or something? What could be a problem?
Topic: Safari & Web SubTopic: General Tags:
Replies
9
Boosts
0
Views
28k
Activity
Feb ’22
how to summarize websites
I'm trying to make an app that when the user enter an URL the app extract data from the Web Page as a summary, and it's not a specific Web Page as I don't know what the user may enter! I'm not asking for a code but I just want to know the steps that I should follow to do so, just some general info, I don't really know what the process is called so I don't know how to google it. I tried: Using SwiftSoup: Scrape and parse HTML from a URL but it only gives me HTML as an output
Topic: UI Frameworks SubTopic: SwiftUI Tags:
Replies
1
Boosts
0
Views
824
Activity
Feb ’22
WYSWYG HTML rendering of iOS/Android devices displayed on Mac OSX application or iOS app (scaled)
I would like to know if there are some well-known web technologies on Mac OSX applications or iOS apps that allow an application to show and demonstrate a real HTML rendering WYSWYG for different iOS devices, dimensions, resolution, dpi, retina, viewport meta tags and so on. It is like the iOS simulator, but I see that on that special piece of software the WKWebView is not reliable as it comes to these features, and it is a development tool. It is important that dpi, retina, viewport and so on are considered to create such an application that is WYSWYG, also if in a scaled form, or exploting the Safari browser. I think that web developers already face this issue, so I think that the related technologies have been already developed and are available. But I am no expert so where could I search for them? I mean, some platform or example application, or similar tools. The goal is creating an application that can show the result of HTML rendering inside windows (similar to the iOS simulator) that can be proportioned to real devices and allow choosing the device form factor and screen, also in scaled form, but depicting the exact HTMl rendering that will happen on the real iOS devices, but possibly also Android devices. Thanks in advance
Topic: App & System Services SubTopic: Core OS Tags:
Replies
4
Boosts
0
Views
1.8k
Activity
Feb ’22