From 740488df142634476ff3c6cf9538842662da706d Mon Sep 17 00:00:00 2001 From: Kiran Parajuli <39373750+kiranparajuli589@users.noreply.github.com> Date: Thu, 9 Jul 2026 11:13:22 +0545 Subject: [PATCH] fix(demos): fix video-element webcam z-order under Fabric 6 Signed-off-by: Kiran Parajuli <39373750+kiranparajuli589@users.noreply.github.com> --- posts/demos/_posts/2014-10-16-video-element.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/posts/demos/_posts/2014-10-16-video-element.html b/posts/demos/_posts/2014-10-16-video-element.html index de741f8f0d..26fc9ad064 100644 --- a/posts/demos/_posts/2014-10-16-video-element.html +++ b/posts/demos/_posts/2014-10-16-video-element.html @@ -69,7 +69,13 @@ webcamEl.srcObject = localMediaStream; canvas.add(webcam); - webcam.moveTo(0); // move webcam element to back of zIndex stack + // move webcam element to back of zIndex stack + // (fabric.Object#moveTo was removed in Fabric 6 in favor of canvas methods) + if (typeof canvas.sendObjectToBack === 'function') { + canvas.sendObjectToBack(webcam); // Fabric 6+ + } else { + webcam.moveTo(0); // Fabric 5 + } webcam.getElement().play(); }).catch(function getWebcamNotAllowed(e) { // block will be hit if user selects "no" for browser "allow webcam access" prompt