When taking a picture on edge browser it doesnt show the tick or cancel button after

0
Hi All,   Has anyone had an issue with the camera feature where if you're on Microsoft Edge browser and you try and take a photo using Mendix's camera feature, the tick or cancel button after you take the picture doesn't appear? It's almost like it's being treated as a video as a button for picture-in-picture and enhance appears instead.   It shows this:     If anyone has any ideas on how to fix this that'd be great. It works fine on other browsers like Chrome.    
asked
1 answers
1

Hi Nathan,

 

Yes, this is a known issue when using the camera widget in Mendix with Microsoft Edge, especially in version 10.18.6 and some recent Edge browser updates.

This issue happens because:

  • Microsoft Edge treats the <video> element inside the widget as a streaming video.
  • It triggers the Picture-in-Picture (PiP) overlay.
  • That UI blocks the Mendix camera widget’s post-capture buttons (✓ / ✗).

 

Try this solution It will resolve your issue :-

Disable Picture-in-Picture for Camera Widget

You can fix this by disabling PiP for the video element using JavaScript. Add this small JavaScript snippet to your page using an HTML/JS widget:

setTimeout(() =>

   {const video = document.querySelector("video");

   if (video) {video.disablePictureInPicture = true;

   video.removeAttribute("controls");

   }

}, 1000);

 

This will:

  • Prevent PiP icon from showing
  • Restore normal camera behavior
  • Allow tick/cancel buttons to appear

Also Make sure your custom camera widget is updated to latest version. When this issue occur to me I tried to open it in chrome browser only . it works perfectly in chrome. 

answered