ElementInternalsでWeb Componentの<input>をフォームと相性よく付き合わせる方法 - Qiita

ElementInternalsでWeb Componentの<input>をフォームと相性よく付き合わせる方法 - Qiita

はいさい！ちゅらデータぬオースティンやいびーん！ 概要 ElementInternalsを使い、Shadow DOMのWeb Com...概要を表示 はいさい！ちゅらデータぬオースティンやいびーん！ 概要 ElementInternalsを使い、Shadow DOMのWeb Componentsを<form>で使えるようにする方法を紹介します！ 背景 以前、Web Componentsの<slot>にLight DOMの非表示<input>を入れることで、Web Componentsをフォームで使う方法を紹介しましたが、実は、それと違った最新鋭の解決法があります。 それは、ElementInternalsをWeb Componentにつけて、Web Componentを丸ごと擬似<input>にする方法です。 以前の記事で作ったラジオインプットのコードを元にご紹介します。 https://qiita.com/tronicboy/items/b0008bcf43f3fd46d8c9 コード Light DOMのエレメントを削除し、Elem