shadow-dom

1熱

1答えて

私はWebワーカーがDOMを操作できないことを知っていますが、これは想定されていませんが、WebワーカーでシャドーDOMを操作する方法があるかどうかを知りたいと思います。私がほとんど確実ではないとはいえ、私はそれに関する情報やドキュメンテーションを見つけることができませんでした。

3熱

2答えて

Seleniumを使用してポリマー要素とシャドーDOMをテストする

シャドーDOMの中にある要素でSeleniumを使用する際に問題があります。これにトリックはありますか？私は何か間違っているのですか？ここでの試みの私多様です： var webdriver = require('selenium-webdriver'); var driver = new webdriver.Builder().forBrowser('chrome').build(); d

1熱

1答えて

ShadowDOMを使用してウィンドウ/タブのタイトルを変更することができます

私はChrome拡張機能のデザインに取り組んでいます。実際の<title />タグを変更せずに、タブに表示されるタイトルを変更したいと考えています。バックグラウンドスクリプトでは、タイトルに読み取り専用の値としてアクセスできます。通常、コンテンツスクリプトを使用して実際の<title />タグを変更します。これはオプションかどうかを確認するためにShadowDOMを試しています。 ShadowD

6熱

1答えて

ネストされた要素（Webコンポーネント）がテンプレートを取得できません

2つのカスタム要素（v1）を持つWebコンポーネントを使用して簡単な例を作成しました。のindex.html： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example</title> <meta name="description" content=""> <meta na

0熱

1答えて

ウェブページからポリマー元素を正しく取り除く方法

ウェブページからポリマー元素を除去する際に問題があります。リストアイテムにコンテンツが含まれている順序付けられていないリストを介してカルーセルを構築しました。このコンテンツの一部は単純なHTMLであり、一部は画像であり、一部は動画であり、一部はポリマー要素である。いつも、<ul>は、jQuery .empty()コマンドでクリアされます。私が直面している問題は、ポリマーの要素が正しくクリアさ

0熱

1答えて

Shadow DOM polyfilled CSSカプセル化を使用するために最低限のJavaScriptが必要

Webコンポーネントpolyfillの最小セットをhttps://github.com/webcomponents/webcomponentsjsに設定しようとしています.ShadowDOMポリフィルによって提供されるCSSカプセル化を利用する必要があります。完全なポリフィルが必要ですか？

1熱

1答えて

CSSカプセル化のためのiframeにはまだシャドードームが実行可能な選択肢ですか？

複数の独立したWebアプリケーションを1つのページに埋め込みたいというユースケースがあります。私は彼らにお互いのCSSを妨害できないようにしたいと思います。クラシックなShadow DOMの使用例のようです。 Shadow DOMと使用可能なポリフィル（特にShadyDomとShadyCSS）が私のユースケースをサポートするのに十分であるかどうかを判断しようとしています。これらは既存のWebアプリ

3熱

1答えて

一般的なCSSスタイルを多くのシャドールーツに一度に適用するにはどうすればよいですか？

私は、Shadow DOMを使って内部div-soupとレイアウトを隠す要素はほとんどありません。これは違っていても、一貫した方法でスタイルされているはずの同じセットを使用しているので、同じCSSスタイルシートを共有します。これは、例えば、CSSフレームワーク（ブートストラップ）である可能性があります。問題は、このスタイルシートがかなり大きいことです。このような大きなスタイルシートを多くのシ

0熱

1答えて

SVGの使用エレメントが、参照するパスと異なる表示をするのはなぜですか？（スクリーンショット添付）

私はdefsからusepathにしようとしています。パスは視覚的に表示されるため、参照は正しくなりますが、影のDOMから明らかに異なる値（元のパス）が表示されます（d）。スケーリング/位置付けの問題があるようですが、元のパスまたは使用されているパスのいずれにも変換を追加していません。 chromeのinspect要素からのDOM + shadow DOMをスクリーンショットで示しています。 Ja

2熱

2答えて

Shadow DOM v1を使用してシャドウルート内からホスト要素にアクセスするにはどうすればよいですか？

シャドウ・ルートに含まれる要素が与えられた場合、そのシャドウ・ルートをホストする要素にどうやって到達できますか？要素がツリー内のどこにあるかにかかわらず、これを達成する単一の方法はありますか（つまり、element2またはelement3への参照がある場合は、element1への参照を取得します）。 element1 └ #shadow-root └ element2 └ e