shadow-dom

2熱

1答えて

ポリマー2の要素に適用するスタイルシートを動的に含めるにはどうすればよいですか？

は、私は、カスタムポリマー2ビデオプレーヤーの要素を持っていると私はそれに適用するスタイルシートを定義するために、各要素のインスタンスにプロパティに渡す機能（別のテーマ名が毎年リリースされ、現在のスタイルの各セットをしたいです予測可能な命名形式を持つ独自のファイルにサーバー上に存在します）。私はインラインタグでいくつかの例を見ましたが、それは小さいスタイルのための許容可能な解決策にしか見えません（

0熱

1答えて

シャドウDOMのリターゲティングとRadium：ホバー

シャドウDOM内でReactを使用しているときにこの問題が発生しました。私はこれに類似した設定を使ってイベントの再調整を行ってきました。 https://github.com/LukasBombach/react-shadow-dom-retarget-events/blob/master/index.js ラジウム「：ホバーは」問題はラジウムがonMouseEnterとonMouseLeaveを

0熱

1答えて

カスタム要素のポリフィルをロードする最適な方法は何ですか？

私は現在カスタム要素で遊んでいます。私は、サポートが不足しているブラウザ（多分Firefoxのみですか？）にpolyfillブラウザをインストールするには正しい方法（正しい方法のような感じ）を見つけるのに苦労しています。私は現在、次のやっている： if ('customElements' in window) { var e = document.createElement('scri

0熱

1答えて

Polymer2.0のダイナミックドロップダウンメニューの実装。 Polymer2.0ではなく、Polymer1.0で動作します

私はPolymer1を使って次のことを行いました。 Polymer2.0で同じ操作を実行しても、buttonの自動ドロップダウンメニューは表示されません。誰かが私に何をすべきか教えてください。それはShadow DOMと関係があるようです。 Polymer1で、index.htmlはdom ='shadow'を有し、その代わり<slot>の<content>タグ、それはdReadyDynami

-1熱

1答えて

ポリマー2のテンプレート、スロット要素のコンテキストを取得するにはどうすればよいですか？

slot 'ed要素からメソッドを実行する方法はありますか？私は保存ボタンを含むテンプレートを作成しています。理想的には、自分の保存ボタンがクリックされたときに、テンプレートはスロット付きコンテンツ（子）。saveメソッドを呼び出す必要があります。どのようにこれを達成するための任意のアイデア？私は、次のテンプレート試してみた：あなたは任意の要素をスロットすることができますので <dom-modu

0熱

1答えて

app-header-layoutのshadow DOMのオーバーライドスタイル

私は少し面倒な問題があります。 <app-header-layout> <app-header> <app-toolbar> ... </app-toolbar> </app-header> <main> ... </main> </app-header-layout> だがapp-headerは200pxの高さを持っているとしましょう：私は、次のテ

1熱

1答えて

シャドウDOMに<content>タグを使用する

私はシャドウDOMを抽象化するフレームワークなしで、主にその複雑さを学ぶために使用しようとしています。私はwebcomponents.js polyfillsを使用しているので、クロスブラウザで動作します。私はカスタム要素を作成してシャドウDOMを設定しましたが、何らかの理由で<content></content>タグが予想されるコンテンツを継承していません。私は、この例では、 Shadow

2熱

1答えて

複数のシャドウルートのサポートが削除され、スロットに置き換えられた理由

Web Applications WG (WebApps) Web Components meeting in Mountain View CA US on Friday 24 April 2015の間に、複数のシャドールートをサポートする必要があると判断されました。私が理解しているように、複数のシャドールートを使用する代わりにスロットが使用されています。ただし、スロットを使用する理由が説明されて

0熱

1答えて

ポリマー要素シャドーDOM内のdivを更新するための追加または外部javascriptの使用

ポリマー2.0アプリの要素に「addthis」ボタンを追加しようとしています。私は "addthis" javascriptをインポートすることができますが、スクリプト自体が子要素の一部である "div"を更新する必要があります。このスクリプトはclass="addthis_inline_share_toolbox"を探していますこれは可能ですか？私は問題は、スクリプトがシャドウドームのクラスを見

3熱

1答えて

Angularコンポーネントのカプセル化がネイティブに設定されたMaterialアイコンフォントを使用

これまでコンポーネントのカプセル化がエミュレートされている限り、Angular 4+プロジェクトでMaterialのアイコンフォントを使用しました。現在のプロジェクトではChromeの最新バージョンをサポートするだけで済みますので、すべてのコンポーネントをViewEncapsulation.Nativeに設定しようとしていましたが、これはブラウザのネイティブShadowDOMを使用していることがわ