@tinymce/tinymce-webcomponent 2.0.0 → 2.0.1-feature.20220720005119959.sha52d4b55

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+### Fixed
+- Find an associated form even when in a nested shadow DOM.
+
 ## 2.0.0
 ### Changed
 - License changed to MIT (from Apache 2) this matches TinyMCE 6 license

package/dist/tinymce-webcomponent.js

@@ -91,6 +91,17 @@
       Status[Status['Initializing'] = 1] = 'Initializing';
       Status[Status['Ready'] = 2] = 'Ready';
     }(Status || (Status = {})));
+    const closestRecursive = (selector, element) => {
+      const found = element.closest(selector);
+      if (found !== null) {
+        return found;
+      }
+      const next = element.getRootNode().host;
+      if (next !== null && next !== undefined) {
+        return closestRecursive(selector, next);
+      }
+      return null;
+    };
     const isLookupKey = (values, key) => has(values, key);
     const lookup = values => key => isLookupKey(values, key) ? values[key] : key;
     const parseGlobal = resolve;
@@ -254,7 +265,7 @@
       _updateForm() {
         if (this.isConnected) {
           const formId = this.getAttribute('form');
-          const form = formId !== null ? this.ownerDocument.querySelector('form#' + formId) : this.closest('form');
+          const form = formId !== null ? this.ownerDocument.querySelector('form#' + formId) : closestRecursive('form', this);
           if (this._form !== form) {
             if (this._form !== null) {
               this._form.removeEventListener('formdata', this._formDataHandler);

package/package.json

@@ -25,30 +25,30 @@
   "devDependencies": {
     "@ephox/agar": "^7.0.1",
     "@ephox/bedrock-client": "^13.0.0",
-    "@ephox/bedrock-server": "^13.1.0",
+    "@ephox/bedrock-server": "^13.2.1",
     "@ephox/katamari": "^9.0.1",
     "@ephox/sugar": "^9.0.1",
     "@ephox/swag": "^4.5.0",
-    "@tinymce/beehive-flow": "^0.17.0",
+    "@tinymce/beehive-flow": "^0.18.0",
     "@tinymce/eslint-plugin": "^2.0.1",
     "@types/esm": "^3.2.0",
     "@types/express": "^4.17.13",
-    "@types/node": "^17.0.22",
-    "@typescript-eslint/eslint-plugin": "^5.16.0",
-    "@typescript-eslint/parser": "^5.16.0",
-    "eslint": "^8.11.0",
-    "eslint-plugin-import": "^2.25.4",
+    "@types/node": "^17.0.40",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "eslint": "^8.17.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "esm": "^3.2.25",
-    "express": "^4.17.3",
-    "rollup": "^2.70.1",
-    "tinymce": "^6.0.0",
-    "ts-loader": "^9.2.8",
-    "ts-node": "^10.7.0",
-    "typescript": "~4.6.2",
-    "webpack": "^5.70.0"
+    "express": "^4.18.1",
+    "rollup": "^2.75.5",
+    "tinymce": "^6.0.3",
+    "ts-loader": "^9.3.0",
+    "ts-node": "^10.8.1",
+    "typescript": "~4.7.3",
+    "webpack": "^5.73.0"
   },
   "dependencies": {},
-  "version": "2.0.0",
+  "version": "2.0.1-feature.20220720005119959.sha52d4b55",
   "name": "@tinymce/tinymce-webcomponent"
 }