When using DOMParser, <video> tag is not working in Safari, its preview is rendered but without controls and without the ability to play: The code above works as expected in Chrome: But Safari renders this (both macOS and iOS): There are no controls and it’s impossible to play the second video whi…
Tag: webkit
How to perform regular expressions on a Speech Recognition transcript?
Summary of my application: Input: Have the user speak to the computer (ask the computer “What is your name?”) ✅ Perform a regular expression on the ‘transcript’ result (from webkitSpeechRecognition) ❌ Output: console.log(“My name is Harry Johnson”). ❌ I’m trying to pe…
Javascript change webkit style with variables
Summary I’m working on an input[type=range] that essentially looks like Chrome’s default but the thumb is green until clicked. That’s the end goal. Through a couple answers that are now buried deep in my browser history (hence lack of credit to them) I am able to get it MOSTLY working how I …
Chrome on iPhone overflows content on empty page (on new tab only, not reload)
On IOS Chrome, the body overflows on a new tab or page with no content, but if the page is reloaded, the problem is fixed. It poses a problem for any element positioned at the bottom (absolute or fixed). Here is the code to reproduce the problem: The border should be shown all around the viewport but is being…
WebKit userContentController:didReceiveScriptMessage: not getting called for iOS 13
I am using WKWebView for showing web content into my app but I am not able to get a message sent from JS webkit on iOS 13 devices. On previous iOS versions, it’s working as expected. Setup: WKScriptMessageHandler Delegate: From JavaScript I am calling it like this : Please let me know if anyone has come…
Video auto play is not working in Safari and Chrome desktop browser
I spent quite a lot of time trying to figure out why video embedded like here: starts playing automatically once the page is loaded in FireFox but cannot do autoplay in Webkit based browsers. This only happened on some random pages. So far I was unable to find the cause. I suspect some unclosed tags or extens…
Button element not firing click event when clicking on button text and releasing off it (but still inside the button)?
On WebKit browsers (I tested on Chrome and Safari on Mac), button element behaves weird: Wen in this fiddle http://jsfiddle.net/5ReUn/3/ you do the following: Press left mouse button while the cursor is over HTML button text Move the cursor (while pressed) to an area of the button without text Release the mou…
Webkit Javascript Console – How to use it?
I’m working on a project and there is a ton of js, etc in it. I didn’t write it I’m “taking it over”. There is a piece of Javascript somewhere that is adding top: -50px margin to an element with the id of “footer”. When I look into the page source (through the develop…
Convert Data URI to File then append to FormData
I’ve been trying to re-implement an HTML5 image uploader like the one on the Mozilla Hacks site, but that works with WebKit browsers. Part of the task is to extract an image file from the canvas object and append it to a FormData object for upload. The issue is that while canvas has the toDataURL functi…