WebRTC getUserMedia support was added in iOS 14.3. On the first launch of my app I show a WebView pointing to my URL and request getUserMedia inside it when the user clicks a button. The app then brings up a permissions dialog with the request for the app. Upon selecting accept the application crashes. Subsequent launches of the app bring up the dialog, but with the address of the page being the requestor and it succeeds. Looking at the permissions, the application permission for Camera was already accepted. I don't see my code in the backtrace. Any ideas on where I should look more? Last Exception Backtrace: 0 CoreFoundation 0x1966fd86c _exceptionPreprocess + 220 (NSException.m:199) 1 libobjc.A.dylib 0x1ab66cc50 objcexceptionthrow + 60 (objc-exception.mm:565) 2 CoreFoundation 0x196603000 +[NSException raise:format:arguments:] + 100 (NSException.m:146) 3 Foundation 0x19799791c -[NSAssertionHandler handleFailureInMethod:object:file:lineNumber:description:] + 132 (NSException.m:231) 4 UIKitCore 0x198607368 -[UISimpleFenceProvider trackSystemAnimationFence:] + 224 (UISimpleFenceProvider.m:51) 5 UIKitCore 0x1990ace28 -[UIApplication trackSystemAnimationFence:] + 88 (UIApplication.m:2167) 6 UIKitCore 0x199100988 +[UIWindow synchronizeDrawingWithFence:preCommitHandler:] + 92 (UIWindow.m:4928) 7 UIKitCore 0x198536104 -[UIScene synchronizeDrawingWithFence:] + 76 (UIScene.m:643) 8 UIKitCore 0x198ee76e8 -[UIRemoteKeyboards prepareToMoveKeyboard:withIAV:isIAVRelevant:showing:notifyRemote:forScene:] + 940 (UIRemoteKeyboards.m:1702) 9 UIKitCore 0x198afc48c -[UIInputResponderController prepareToMoveKeyboardForInputViewSet:animationStyle:] + 488 (UIInputResponderController.m:1624) 10 UIKitCore 0x198afa7a4 -[UIInputResponderController setKeyWindowSceneInputViews:animationStyle:] + 684 (UIInputResponderController.m:1432) 11 UIKitCore 0x198afa4c4 -[UIInputResponderController setInputViews:animationStyle:] + 236 (UIInputResponderController.m:0) 12 UIKitCore 0x198afba20 -[UIInputResponderController setInputViews:animated:] + 100 (UIInputResponderController.m:1539) 13 UIKitCore 0x198afba9c -[UIInputResponderController setInputViews:] + 80 (UIInputResponderController.m:1544) 14 UIKitCore 0x198af9330 _74-[UIInputResponderController reloadInputViewsForKeyWindowSceneResponder:]blockinvoke.666 + 40 (UIInputResponderController.m:1055) 15 UIKitCore 0x198af8e0c -[UIInputResponderController reloadInputViewsForKeyWindowSceneResponder:] + 3972 (UIInputResponderController.m:1091) 16 UIKitCore 0x198af7e5c -[UIInputResponderController reloadInputViewsForResponder:] + 164 (UIInputResponderController.m:0) 17 UIKitCore 0x198afe834 -[UIInputResponderController preserveInputViewsWithId:animated:reset:] + 132 (UIInputResponderController.m:2102) 18 UIKitCore 0x19899c730 -[UIViewController presentViewController:modalSourceViewController:presentationController:animationController:interactionController:completion:] + 1292 (UIViewController.m:7215) 19 UIKitCore 0x19899fdbc -[UIViewController presentViewController:withAnimationController:completion:] + 4368 (UIViewController.m:7598) 20 UIKitCore 0x1989a0d40 63-[UIViewController presentViewController:animated:completion:]blockinvoke + 108 (UIViewController.m:7956) 21 UIKitCore 0x1989a10a0 -[UIViewController performCoordinatedPresentOrDismiss:animated:] + 536 (UIViewController.m:8096) 22 UIKitCore 0x1989a0c8c -[UIViewController presentViewController:animated:completion:] + 216 (UIViewController.m:7963) 23 UIKitCore 0x1989a117c -[UIViewController presentViewController:animated:completion:] + 188 (UIViewController.m:8040) 24 WebKit 0x1a2ec7400 WebKit::UserMediaPermissionRequestProxy::doDefaultAction() + 1056 (UserMediaPermissionRequestProxy.mm:115) 25 WebKit 0x1a2f0e290 *::Detail::CallableWrapper<WebKit::UserMediaPermissionRequestManagerProxy::processUserMediaPermissionValidRequest(*::Vector<WebCore::CaptureDevice, 0ul, *::CrashOnOverflow, 16ul, *::FastMal... + 260 (UserMediaPermissionRequestManagerProxy.cpp:584) 26 WebKit 0x1a2cdd714 *::CompletionHandler<void (bool)>::operator()(bool) + 44 (Function.h:83) 27 JavaScriptCore 0x1a094e504 *::RunLoop::performWork() + 484 (Function.h:83) 28 JavaScriptCore 0x1a094f1ec ***::RunLoop::performWork(void*) + 36 (RunLoopCF.cpp:46) 29 CoreFoundation 0x19667976c CFRUNLOOPISCALLINGOUTTOASOURCE0PERFORMFUNCTION + 28 (CFRunLoop.c:1967) 30 CoreFoundation 0x196679668 _CFRunLoopDoSource0 + 208 (CFRunLoop.c:2011) 31 CoreFoundation 0x196678960 CFRunLoopDoSources0 + 268 (CFRunLoop.c:2048) 32 CoreFoundation 0x196672a8c CFRunLoopRun + 824 (CFRunLoop.c:2925) 33 CoreFoundation 0x19667221c CFRunLoopRunSpecific + 600 (CFRunLoop.c:3242) 34 WebCore 0x1a41ccccc RunWebThread(void*) + 656 (WebCoreThread.mm:652) 35 libsystempthread.dylib 0x1e1ecdb40 pthreadstart + 320 (pthread.c:881) 36 libsystempthread.dylib 0x1e1ed6768 threadstart + 8

Hi All, We are using html input type date in our hybrid application which launches the native datepicker in the app. As we need the app to be accessible we chose the html type date. However at certain instances we want to restrict the date selection till present date only. We have used the max attribute to achieve this, for some reasons the datepicker is not respecting this attribute and allowing the user to select future dates. We are in a tricky position since we do not want to use any library and the production date is nearby. Below is the markup we have used for replicating the behavior: form label for="party"Choose your preferred party date: input type="date" name="party" min="2017-04-01" max="2017-04-30" /label /form Any help would be appreciated. Thanks in advance.

We are currently experiencing a usability issue in our App. We also discovered this issue for sites in Safari as well. While using Voiceover in iOS 13.3+, we've discovered that VO skips all tables that are using a caption. This occurs when a user swipes to read the contents of the page. We also observed that using the "rotor" and choosing tables, it will not recognize that there is a table on the page. This has been repeated by multiple users on different devices. Our testing also encompassed VO on macOS Catalina and VO worked as expected for all tables we tested. Has anyone else come across this issue?

I have this js code: document.addEventListener('AppleIDSignInOnSuccess', (data) = {     //handle successful response     console.log(data["detail"].authorization.id_token)     response = parseJwt(data["detail"].authorization.id_token)     email = response["email"]     console.log(email)     loginWithEmail(email) //    console.log("APPLE SIGN IN SUCCESSFFUL"); }); //Listen for AppleId authorization failures document.addEventListener('AppleIDSignInOnFailure', (error) = {     //handle error.     alert(JSON.stringify(error))     console.log("APPLE SIGN IN UNSUCCESSFFUL"); }); And it just stopped working. Now every time I sign in I get "APPLE SIGN IN UNSUCCESSFFUL" and the error is {"isTrusted":false}. What are ways around this?

Hello! I trying to inserting and playing a live stream inside video tag. In chrome it works perfectly, video start playing as soon as possible, but in safari I can see when live stream is available and poster was removed(autoplay was successful triggered), but until I switch between browser tabs, I see only black screen where the video should be. Also I can see my livestream if I switch between applications windows e.g. I switch to slack then back to the safari and video will playing. During the study of the problem, I managed to find out that is not problem about webrtc (because on server I can see that live stream bytes was delivered to client), and it's not problem of html5 video tag, because autoplay (muted, of course) always triggered as expected. But this may be due to internal safari tricks with web pages, because only one thing happens when I switch between tabs/apps -- it's document.visibilityState. How can I fix this behavior? I want to see how my stream works equally well in all browsers and now the problem I described is observed exclusively in safari

When the touchstart event is added on the Document - on click of the dropdown the options box opens and closes immediately, thus restricting user to make any selections We are able to reproduce this issue on iOS14 : iPad 5th Generation, iOS 14.6 version with the code snippet below Note : The dropdown works fine when the touchstart event is disabled and this issue is specific to iOS14, works well on iOS13. <!DOCTYPE html> <html> <body onload="addEvents()"> <h1>The select element</h1> <p>The select element is used to create a drop-down list.</p> <form action="/action_page.php"> <label for="cars">Choose a car:</label> <select name="cars" id="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> <br><br> <input type="submit" value="Submit"> </form> <p>Click the "Submit" button and the form-data will be sent to a page on the server called "action_page.php".</p> <script> function touchHandler(event) { var touches = event.changedTouches, first = touches[0], type = ""; switch (event.type) { case "touchstart": type = "mousedown"; break; case "touchmove": type = "mousemove"; break; case "touchend": type = "mouseup"; break; default: return; } if(document.getElementById("searchContainer") === null || document.getElementById("searchContainer").style.display === "none"){ var simulatedEvent = document.createEvent("MouseEvent"); simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null); first.target.dispatchEvent(simulatedEvent); //event.preventDefault(); } } function addEvents(){ document.addEventListener("touchstart", touchHandler, true); document.addEventListener("touchmove", touchHandler, true); document.addEventListener("touchend", touchHandler, true); document.addEventListener("touchcancel", touchHandler, true); } </script> </body> </html> As in this code snippet, onload we are adding touchstart event to the Document and the containing form has the dropdown. On click of the dropdown, we are unable to make selections as the dropdown options box gets closed immediately. Please assess this and let us know if this is a bug on your side and when the possible correction for this can be expected? Also, can you please update on the below ticket, The issue is still reproducible on the latest iOS version. This was accepted as a bug on your side - please share updates on this as well. https://developer.apple.com/forums/thread/671827?login=true&page=1#658436022

Dose Apple have any official documentation to study HTML/CSS/JavaScript ? Kind Regards

Hi all, I need my website to go full screen, or at least the top url bar and the bottom navigation bar removed. With the requestFullScreen(); function in JavaScript it does not work and neither with the meta tag <meta name = "Apple-mobile-web-app-capable" content = "yes">. Anyone know how to fix it any way? Thanks in advance.

Currently in iOS Safari and Chrome, when you share a link via the share button, the link that gets copied is the canonical URL. The site that I am working on has a different website listed as the canonical URL (it's a requirement that can't be changed). Is it possible to force iOS Safari and Chrome so copy my website's original URL, instead of the canonical URL? My canonical urls are included in my site via the following tag: <link rel="canonical" href="www.example.com">

I am printing the contents rendered on a WKWebView using this API. https://developer.apple.com/documentation/webkit/wkwebview/3516861-printoperationwithprintinfo?language=objc The print preview loads fine, but I am unable to print page numbers. I tried overriding the drawPageBorderWithSize method of NSView (since WKWebView inherits from NSView) but that never gets called. I asked a question in the Apple Developer Technical Support and I was asked to use CSS styling to print page numbers. I then tried to use the following solution in CSS: #content { display: table; } #pageFooter { display: table-footer-group; } #pageFooter:after { counter-increment: page; content: counter(page); } <div id="content"> <div id="pageFooter">Page </div> multi-page content here... </div> However, when I try this I only get Page1 at the bottom of the last page. Are there any working solutions for printing page numbers using CSS styling?

In safari-15-beta-release-notes (https://developer.apple.com/documentation/Safari-Release-Notes/safari-15-beta-release-notes), Added support for automatic HTTPS upgrades. is written as one of new features regarding security & privacy. I want to know more detail about this, but there is no article in webkit blog about this. If you know about this, please tell me the detailed specifications about "Added support for automatic HTTPS upgrades."

I have added an HTML signature to the Apple Mail, whenever I hit compose the font is the same, but when I hit send and receive the email, the font changes to something of a similar version. I have used a custom font in the email signature. Why does this issue happen?

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!

Hello, I am trying to turn OFF autofill in Safari for an application. Is there any sure way to turn the autofill off on all devices? Safari is trying to autofill my Date of Birth field, email, and phone number but I do not want these fields suggesting autofill. Seems all other browsers have a way to completely turn it off now, besides Safari.

On iOS 15 beta, when I tried to check my application, the select element is having issue. As when I clicked on select dropdown, the option list was not shown. The error message was "Failed to present a context menu for configuration with identifier".

Hi, how can I fade out the background music (html5 audio element) of my browser game under iOS? Neither can I set audio.volume nor does it work to pipe it through the Web Audio API and modify the gain value. Both solutions work great on basically every non-Apple OS and browser. But it fails on Safari/OSX and in my experience on any browser under iOS. This is quite frustrating. So: how can I fade out music in my browser game under iOS? Thanks Leander

hi, after update(ios15.0) of my iPhone12, video element on my website, what im using as video background of website has stopped working. all others browsers is working properly. all i can see is white blank background instead of background video. it looks like video cannot be loaded or played. html: <video playsinline       autoplay       muted       loop       class="uvodna__bg-video" >     <source src="/wp-content/themes/imtsmile2021/video/bg-video.mp4" type="video/mp4" /> </video> can you recommend me some tips to fix that issue? thank you