Fix search a for element in shadow context

victorenator · web-flow · commit 9698f3bd20c6 · 2019-09-11T19:49:10.000+03:00
If markdown-toolbar-element and textarea are located in a shadow context, the element can't find the textarea.
diff --git a/index.js b/index.js
@@ -218,7 +218,7 @@ class MarkdownToolbarElement extends HTMLElement {
   get field(): ?HTMLTextAreaElement {
     const id = this.getAttribute('for')
     if (!id) return
-    const field = document.getElementById(id)
+    const field = this.getRootNode().getElementById(id)
     return field instanceof HTMLTextAreaElement ? field : null
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -218,7 +218,7 @@ class MarkdownToolbarElement extends HTMLElement {`
`218`	`218`	`get field(): ?HTMLTextAreaElement {`
`219`	`219`	`const id = this.getAttribute('for')`
`220`	`220`	`if (!id) return`
`221`		`- const field = document.getElementById(id)`
	`221`	`+ const field = this.getRootNode().getElementById(id)`
`222`	`222`	`return field instanceof HTMLTextAreaElement ? field : null`
`223`	`223`	`}`
`224`	`224`	`}`