refactor textarea query

src/pat/textareamimetypeselector/textareamimetypeselector.js

@@ -6,7 +6,6 @@ export default Base.extend({
     name: "textareamimetypeselector",
     trigger: ".pat-textareamimetypeselector",
     parser: "mockup",
-    textareas: [],
     current_widgets: [],
     defaults: {
         textareaName: "",
@@ -15,15 +14,17 @@ export default Base.extend({
         },
     },
     init() {
-        // there might be more than one textareas with the same name
-        // set up all of them with the same pattern options
-        // pat-tinymce takes care of setting the unique id later
-        this.textareas = document.querySelectorAll(`textarea[name="${this.options.textareaName}"]`);
         this.el.addEventListener("input", (e) => this.init_textareas(e.target.value));
         this.init_textareas(this.el.value);
     },
     init_textareas(mimetype) {
         const pattern_config = this.options.widgets[mimetype];
+
+        // there might be more than one textareas with the same name
+        // set up all of them with the same pattern options.
+        // the pattern itself must take care of an unique identifier!
+        const textareas = document.querySelectorAll(`textarea[name="${this.options.textareaName}"]`);
+
         // First, destroy current
         this.current_widgets.forEach((wdgt) => {
             // The pattern must implement the destroy method.
@@ -33,10 +34,10 @@ export default Base.extend({
         this.current_widgets = [];
 
         // Then, setup new
-        if (pattern_config) {
-            this.textareas.forEach((area) => {
+        if (pattern_config && textareas.length) {
+            textareas.forEach(async (area) => {
                 this.current_widgets.push(
-                    new registry.patterns[pattern_config.pattern](
+                    await new registry.patterns[pattern_config.pattern](
                         area, pattern_config.patternOptions || {}
                     )
                 );