diff --git a/addons/web/static/src/legacy/js/widgets/colorpicker.js b/addons/web/static/src/legacy/js/widgets/colorpicker.js
index 5e80566bdbc..41dc2f1ab9a 100644
--- a/addons/web/static/src/legacy/js/widgets/colorpicker.js
+++ b/addons/web/static/src/legacy/js/widgets/colorpicker.js
@@ -40,7 +40,10 @@ var ColorpickerWidget = Widget.extend({
         this.selectedHexValue = '';
 
         // Needs to be bound on document to work in all possible cases.
-        const $document = $(parent.el && parent.el.ownerDocument || document);
+        const $document = $(
+            (parent.el && parent.el.parentElement && parent.el.ownerDocument)
+            || (parent.options && parent.options.$editable && parent.options.$editable[0] && parent.options.$editable[0].ownerDocument)
+            || document);
         $document.on(`mousemove.${this.uniqueId}`, _.throttle((ev) => {
             this._onMouseMovePicker(ev);
             this._onMouseMoveSlider(ev);