From 7e2b2bc63661dc4bcd2b5ea505155f1e24d289b0 Mon Sep 17 00:00:00 2001 From: blek Date: Fri, 3 Nov 2023 19:45:14 +1000 Subject: [PATCH] improve dragndrop zone size handling on mobile --- filed/static/assets/dragndrop-form.js | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/filed/static/assets/dragndrop-form.js b/filed/static/assets/dragndrop-form.js index c0cbb7c..c6068ad 100644 --- a/filed/static/assets/dragndrop-form.js +++ b/filed/static/assets/dragndrop-form.js @@ -8,8 +8,24 @@ const root_drag_rop = document.getElementsByClassName('file-drag-n-drop')[0]; // make the root drag&drop element an ideal circle - root_drag_rop.style.width = root_drag_rop.offsetWidth + 'px'; - root_drag_rop.style.height = root_drag_rop.offsetWidth + 'px'; + + function updateDragNDrop() { + + if (document.body.scrollWidth < 667) { + // mobile + delete root_drag_rop.style.width; + delete root_drag_rop.style.height; + return + } + + const width = root_drag_rop.offsetWidth; + + root_drag_rop.style.width = width + 'px'; + root_drag_rop.style.height = width + 'px'; + } + + updateDragNDrop(); + document.onresize = updateDragNDrop(); /** @type {HTMLElement} */ const drag_rop = document.getElementsByClassName('file-drag-n-drop-inside')[0];