Merge pull request #4 from ember-bootstrap/shadow-dom

simonihmig · web-flow · commit 4037f4fc1bc3 · 2022-07-21T11:20:31.000+02:00
Support shadow DOM
diff --git a/addon/components/bs-form/element.js b/addon/components/bs-form/element.js
@@ -14,7 +14,8 @@ export default class BsFormElement extends BaseBsFormElement {
   }
 
   get controlElement() {
-    return document.getElementById(this.formElementId);
+    // Start element search from this._element instead of `document`, to support being inside shadow DOM
+    return this._element.querySelector(`#${this.formElementId}`);
   }
 
   get errors() {

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,8 @@ export default class BsFormElement extends BaseBsFormElement {`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`get controlElement() {`
`17`		`- return document.getElementById(this.formElementId);`
	`17`	+ // Start element search from this._element instead of `document`, to support being inside shadow DOM
	`18`	+ return this._element.querySelector(`#${this.formElementId}`);
`18`	`19`	`}`
`19`	`20`
`20`	`21`	`get errors() {`