問題タブ [lit-html]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - HTML ポータル - 'HTMLPortalElement' で 'activate' を実行できませんでした ポータル要素がポータル コンテキストに関連付けられていません
Lit-Element を使用して HTMLPortalElement を作成しようとしていますが、ポータルを activate() する準備ができたときに、Web Dev Console で次のエラーが発生します。
DOMException: 'HTMLPortalElement' で 'activate' を実行できませんでした: HTMLPortalElement がポータル コンテキストに関連付けられていません。
javascript - カスタム要素で要素参照を取得する
カスタム要素があるとします。メニューを開いて切り替えるボタンと、メニュー自体の 2 つの部分で構成されます。ボタン（ ）の真下にメニューを配置したいのですposition: absoluteが、ボタンの高さはテーマによって異なります。最初のレンダリングの前にボタンの高さを確認するにはどうすればよいですか?
簡単な例:
例でわかるように、最初のレンダリングでボタンの高さを知り、dynamicButtonHeight何らかの方法で変数を埋めたいと思っています。この例では 30px ですが、これは実際には任意の数である可能性があります。メニューを右に揃えたい場合に備えて、幅にも同じことが当てはまります。
this.root.querySelector("button").offsetHeight最初にマークアップをレンダリングし、使用してボタンへの参照を取得し、後で再レンダリングできることを知っています。これは lit-html のおかげで効率的ですが、これはダーティで、特定のユース ケースで壊れているように感じます。
他のアイデアはありますか？