shadow-dom

3熱

1答えて

継承する方法はありますか：ホスト要素のCSSスタイルをシャドーDOMに挿入しますか？ Webコンポーネントの開発を開始するのは、各Webコンポーネントのスタイルがページ上で一貫していなければならないからです。ページにはグローバルCSSがあり、このグローバルCSSスタイルはシャドウDOMに継承できます。 ::shadowと/deep/がありましたが、廃止されました。または、これはパターンですか？

2熱

1答えて

shadow dom - domがレンダリング/変更されたときを知る

私は、ページが読み込まれたり変更されたりするときに要素プロパティを変更するクロム拡張を作成しています。私はこれをMutation Observerを使って行います。しかし、shadow-dom（埋め込みtwitter投稿）がロード/変更された場合、オブザーバのハンドラは呼び出されません。 shadow-domがロード/変更されたときにイベントを取得する方法や、突然変異オブザーバを突き合わせる方法

1熱

1答えて

このカスタム要素は機能しますか？私はそれをやめましたMaterial Design lite

class CardElement extends HTMLElement { constructor() { super(); let shadow = this.attachShadow({mode: open}); let div = document.createElement('div'); let div_main = d

0熱

1答えて

ポリマー2のイベント

私はPolymer 1.0のアプリケーションをPolymer 2.0（およびTS）に書き直していますが、問題が発生しました。ある要素から別の要素にイベントを転送する方法は？私はiron-signalを以前使用しましたが、現在はCustomEventを使用しようとしていますが、ShadowDOMイベントのために要素に到達しません。 1 {2 {3 {4}}}}：要素の階層は、およそ次のようです。

0熱

1答えて

useによって配置されたsvg rect strokeを変更します。

私はsvgスプライトで作業しています。の機能を使用して配置されたいくつかのsvgのストロークプロパティを変更しようとしています。 ShadowRootによって拡張されたsvgをDOMに配置し、外側のCSSルールからロックされているように見えます。しかし、で可能な解決策を見てきましたが、スタイルではを使用しますが、機能しません。誰でも私を助けることができますか？それはまったくできますか？ <svg

2熱

2答えて

ブロックシャドウDOMレンダリングとリンクスタイル

シャドーDOMでは、<style>と宣言されたスタイルと同じ方法でスコープされるスタイルを読み込むために<link>タグの使用がサポートされていますが、スタイルは非常に便利ですが、スタイルがロードされている間に、たとえばカスタム要素の疑似セレクタ:definedで防止できないFOUCがあります。私が遭遇したもう一つの問題は、スタイルシートがロードされて適用された後に "実際の"寸法が分かっているた

0熱

1答えて

非カスタム要素でテンプレート（スロット動作）を使用できますか？

カスタムコンポーネント、テンプレート、およびシャドーDOMを個別に定義するWebコンポーネントを使用すると、オンザフライで作成するような非カスタム要素（レイアウトに含まれないテンプレート）に対してテンプレートを使用できます再利用可能なカスタム要素を定義する

1熱

1答えて

スタイリングの際の親の幅と高さを考慮してください

私は期待どおりに機能しないポリマーのコンテナ要素内のいくつかの要素の幅を設定します。ここではいくつかの小さな例です： <!doctype html> <html> <head> <base href="https://polygit.org/polymer+:master/webcomponents+:master/shadycss+webcomponents+:mast

2熱

1答えて

SVGによる個々のパスを対象としたCSS - >使用タグ

私は楕円のアイコンをアニメートして波の中で小さな点を上下に揺らしています。私は影のDOMの中で個々のパス要素を具体的に対象とすることができないので、回避策はあるのだろうか？ <svg class="icon__vector"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-ellipsis"></use

0熱

1答えて

2つの独立したシャドードムのラジオ入力が名前属性を尊重していない

私はMDC Radio Elementを使用していますので、私はそれを素敵な小さな<mdc-radio name="the-name" value="the-value"></mdc-radio>にまとめますと考えました。それは、同じ名前を持つ他の選択mdc-radioを切り替えていません。.. すべてがうまく行っていたが、私は同じname属性/ wが、それを複数回使用する場合、私は実現... <