From 870a70d17490cb14962344429b53b7c11eb78ef0 Mon Sep 17 00:00:00 2001
From: Madeline <46743919+MaddyUnderStars@users.noreply.github.com>
Date: Fri, 11 Oct 2024 05:45:24 +0000
Subject: [PATCH] fix quill not mounting to modals

---
 system/templates/base/package-lock.json                | 8 +++++---
 system/templates/base/package.json                     | 1 +
 system/templates/base/src/js/components/QuillEditor.ts | 4 ++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/system/templates/base/package-lock.json b/system/templates/base/package-lock.json
index e7006436..f27708f8 100644
--- a/system/templates/base/package-lock.json
+++ b/system/templates/base/package-lock.json
@@ -17,6 +17,7 @@
         "codemirror": "^6.0.1",
         "jquery": "^3.7.1",
         "quill": "^2.0.2",
+        "sortablejs": "^1.15.3",
         "tom-select": "^2.2.2",
         "typescript": "^4.9.5",
         "vue": "^2.7.14",
@@ -8019,9 +8020,10 @@
       }
     },
     "node_modules/sortablejs": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.2.tgz",
-      "integrity": "sha512-FJF5jgdfvoKn1MAKSdGs33bIqLi3LmsgVTliuX6iITj834F+JRQZN90Z93yql8h0K2t0RwDPBmxwlbZfDcxNZA=="
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.3.tgz",
+      "integrity": "sha512-zdK3/kwwAK1cJgy1rwl1YtNTbRmc8qW/+vgXf75A7NHag5of4pyI6uK86ktmQETyWRH7IGaE73uZOOBcGxgqZg==",
+      "license": "MIT"
     },
     "node_modules/source-list-map": {
       "version": "2.0.1",
diff --git a/system/templates/base/package.json b/system/templates/base/package.json
index 1056def4..63fe8219 100644
--- a/system/templates/base/package.json
+++ b/system/templates/base/package.json
@@ -23,6 +23,7 @@
     "codemirror": "^6.0.1",
     "jquery": "^3.7.1",
     "quill": "^2.0.2",
+    "sortablejs": "^1.15.3",
     "tom-select": "^2.2.2",
     "typescript": "^4.9.5",
     "vue": "^2.7.14",
diff --git a/system/templates/base/src/js/components/QuillEditor.ts b/system/templates/base/src/js/components/QuillEditor.ts
index b2d2f8dd..e448aaa4 100644
--- a/system/templates/base/src/js/components/QuillEditor.ts
+++ b/system/templates/base/src/js/components/QuillEditor.ts
@@ -9,14 +9,14 @@ export class QuillEditor {
 
     static bindQuillEditor()
     {
-        const quillEditors = document.querySelectorAll(QuillEditor.quillTarget);
+        const quillEditors: NodeListOf<HTMLElement> = document.querySelectorAll(QuillEditor.quillTarget);
 
         if (quillEditors) {
             quillEditors.forEach((q) => {
 				if (q.classList.contains(QuillEditor.quillExistsTarget)) return;
 
                 const options = q.getAttribute('data-quill-options');
-                let editor = new Quill('#' + q.id, JSON.parse(options));
+                let editor = new Quill(q, JSON.parse(options));
 
                 const textarea = document.getElementById(q.id.substring(6));
                 q.closest('form').removeEventListener('submit', () => textarea.innerText = q.querySelector('.ql-editor').innerHTML);