Is there any way of accessing truedepth camera of iPhones on the browser and use it

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

I have an onKeyDown event handler in button but that doesn't get fired when any key is pressed on the external keyboard. When I press tab/shift+tab focus moves to the button. But any key press on the button is not triggering keyboard events. This is my code <button onKeyDown={(e) => {console.log(e);}}>Click here</button> Keyboard events are not getting fired for any of the html elements even with tabIndex=0.

A website created for Android that incorporates a push notification function does not work even when accessed with Safari on OS Ventura 13.0.1. I don't know what the problem is and what is needed, so please let me know if you have any examples or samples.

I understand videos cannot autoplay without being muted before there has been a DOM interaction, but even after there is initial interaction (in my case, someone scrolling), videos added to the DOM through an AJAX call are not playing without being muted.

I include a picture on an HTML page by: <img src="./name.png" class="inline" alt="" usemap="#html"/> I create a link map, defining areas of the picture that I want to link to notes like this: <map name="html"> <area shape="circle" coords="73,250,30" href="./PassiveStrideRecovery_W12_Notes.html" alt="PassiveStrideRecovery_W12" target="_self" /> ...(more of these areas) </map> All the linked areas work fine for a few seconds and then some of the areas are obscured by automatically detected (not well though) areas of interest (to something) in the .png and stops my mouse clicks getting through to some of the linked areas I define. When I use the Debug menu item and examine the HTML source elements (using "Develop->Show Page Source") I created. Initially they include: a minute to so later they change to: indicating the img has acquired some extra structure, which now looks like this: and define some areas, some of which overlay my map areas in a layer above mine. Looking at the last "div" created by MacOS, they seem to be inserted in real-time by Apple Data Detectors. I changed my img include statement to <img src="./GroundContact_W7_Bubbles.png" x-apple-data-detectors="false" class="inline" alt="" usemap="#html"/> but it made no difference. How do I stop real-time area overlay of click-obscuring blocks over pictures included on my HTML page? TIA

Before iOS / iPadOS 16 the website https://www.boldspaced.de was working fine on all my Apple devices. Since the update the animations (especially the scrolling animation) are very laggy on my devices (iPhone X and iPad Pro 3rd gen). On better devices (iPhone Xs and higher | iPad Pro 5th gen | every Windows/Linux/MacOS device) it works perfectly fine. Has someone faced a similar problem or knows a possible solution? Best regards, Nils

I have issues with the html5 audio tag on several sites. For example on this page there is a simple code, but it isn't working for me: https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all After a while the loading indicator stops and it shows -00:00 as playback time and nothing happens when I click on the play button.

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'm seeing an issue with a PWA when added to the home screen. The Keyboard will eventually stop opening. when clicking on an input field. this happens with bmw.com, instagram.com. Once it happens on one PWA, all PWA's are effected. Is this a known issue?

Hi there, Working on my website, I was using new shorthand property named scale. When using this scale property on a div to scale: 20; my images disappears (behind?) until scale transition ends. Works fine on Chrome. When using transform: scale(20) everything works fine. Link: https://drive.google.com/drive/folders/1HB13sujiXKI9xsm3h8g8dlaw0bFsIYrr?usp=sharing HTML : <div class="circle"></div> Css : .circle{   transition-duration: 600ms;   position: absolute;   width: 50px;   height: 50px;   background-color: red;   border-radius: 50%;   left: -50px;   top: -50px; } .scale-circle{   transition-duration: 600ms; scale: 20; /* BUG */ transform: scale(20); /* No bug */ } JS : const nav_overlay = document.querySelector('.circle') nav_overlay.classList.toggle('scale-circle')

Hello, I am Flip.Shop developer. Our site is having a problem displaying a Video whose size adjusts dynamically to the width and height of the parent component. Please visit this page: https://flip.shop and scroll through a few posts. On all normal browsers (Chrome/Firefox) the video loads nicely. But on Safari 15.5 (desktop and mobile) you can see a flicker for a while. The first frame of the video can't adjust to the size. Video component looks like this: <video preload="auto" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" src="blob:https://flip.shop/1039dfe6-a1f4-4f80-822b-250665225c68" autoplay="" style="width: 100%; height: 100%;"> </video> and CSS of parent component looks like this: width: 100%; height: 100%; position: relative; & video { object-fit: cover; } Is there any solution to prevent video from going crazy in the Safari browser? The only workaround that seems to work is to show a poster covering the video until the video plays. Unfortunately, there is no event to inform that Safari is freaking out, so this poster has to be removed after a 300-500 millisecond timeout connected to the "play" event, which significantly delays the display of this video (on Safari).

Previously everything is working fine but after updating to 16.0.2 SVG icons suddenly disappears. I have noticed that icon with no height and width is disappear and rest all are visible. Is there any fix or I have to mention height and width for all the icons which are not working?

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.

I am implementing a "login with email" feature i.e. the user enters her email address, I then send them a link, when the click it I authenticate them. I would like Safari to autofill the email address for the user but it always treats it as a username (but never gives the option to save the username). So basically Safari prompts the user to use a username from another website, instead of autofilling their email address in the email input. However if I ask the user to enter their email and display another box to confirm the email address, Safari correctly autofills the email. Is there a way to autofill a single "email" field on a form? Thanks

I have a web app that I want to create an app for. This web app returns URLs with hardcoded IP addresses in the URLs as "http://ip-addr/path/to/link". I need to rewrite the URLs to just be "/path/to/link" as they should of been coded. How can I either respond to URL usage with a rewritten URL, or will I have to see the page loaded, and then scan the document and rewrite it? Code examples would be great. Currently, I see the following error when I click on one of these broken links: 2022-09-28 22:11:46.716274-0500 MyApp[64870:4826597] [Process] 0x7fef18012020 - [pageProxyID=6, webPageID=7, PID=64876] WebPageProxy::didFailProvisionalLoadForFrame: frameID=3, domain=NSURLErrorDomain, code=-1004, isMainFrame=1 I can't find a delegate method that is actually being called, so I really don't know how to at least see the load fail and try and get the URL, edit it, and then call the WKWebView to load the edited URL. The primary issue is that this web page can be accessed from an external location and the address in the URL works for that external environment. But, on the local network, where the IP address is different, it also needs to work, and thus the need for the rewrite.

I have noticed when trying to configure a Wifi login via QR code (html/js) that although iOS prompts the user to 'Join Network', it fails to actually join the network. If testing the same QR via the camera, it approves the login. I'm sure this was working in the iOS 15 beta and stopped working at public release, and hasn't worked in iOS16 either. Has anybody else encountered this? Is this a known issue, or a bug? or am i missing something? Thanks

I have developed an embedded svg map with links on it to display booking availability, but Apple iOS is unable to process the colors or the links. I used an svg map with a links wrapped around entries. The map displays perfectly on Windows/Android, but all Apple iOS devices I've tested (Macbook Pro and iPhone, multiple browsers) are unable to process the colors and links. Any advice on how to proceed (or convert the html map into something Apple devices can actually load) would be greatly appreciated. Apple support told me they do not offer support for issues such as this. Map: https://hsfm-booking-maps.s3.amazonaws.com/Farmer%27s+Market+-+Sunday%2C+October+2nd%2C+2022

Using the example provided by MDN, the beforeunload event is working in my Safari browser: const beforeUnloadListener = (event) => { event.preventDefault(); return event.returnValue = "Are you sure you want to exit?"; }; addEventListener('beforeunload', beforeUnloadListener, { capture: true }); (I first must click into the window to make sure the browser detects interaction.) if I close the browser window, the alert blocks the window from being closed If I navigate to another page, the alert is shown However, when I navigate to another page, the alert does not block navigation. I am taken to the new page with the alert still being displayed. The alert is then "useless" in the sense that pressing the affirmative or negative buttons dismisses the alert, but has no other effect. This is not the expected behavior in Chrome or Firefox. In these, the page will not navigate or cancel navigation until an alert option is clicked. Is there any work-around? It seems it would be better to not show the alert at all than to show the alert while asynchronously unloading the current page and loading another page. I need to use this event to inform a user they may want to save changes to a document before leaving the page. This was the original use case for beforeunload.

IPAD, when you tab in input it shows keyboard and again when tab to select, option automatically pops up and keyboard collapse at this time option menu disconnects from select . To reproduce it , Please note this is IPAD Bug. code is below <!DOCTYPE html> <html> <body> <h1>The select element</h1> <p>The select element is used to create a drop-down list.</p> <form action="/action_page.php"> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <input> <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> </body> </html>