shadow-dom

2熱

1答えて

なぜ、createshadowrootが私に別の結果を与えてからattachshadowを与えるのですか？

私はshadow domに問題があります。 I ve found a tutorial that seems a bit old about shadow dom and itは、createshadowrootを使用しています。私はcreatedhadowrootが推奨されておらず、attachshadowに置き換えなければならないという通知を受けました。 問題i m having is tha

css web shadow-dom 2017-06-19

---

-2熱

1答えて

避けるには::このスタイルからshdow - "ロック - 使用グリッド::シャープペブル - アコーディオンロックグリッド::シャドウアイロンデータテーブル::シャドウ＃コンテナアイアンリスト"

私たちはどのように使用するのですか？ mixinsと避ける方法上記のスタイルから::shadow？

polymer polymer-1.0 shadow-dom 2017-06-20

---

1熱

1答えて

Polymerでshadow DOM delegatesFocusオプションを使用するには？

Shadow DOMのGoogle Developersのプライマーhereは、フォーカスできない領域をクリックしたときに最初のフォーカス可能な要素をシャドウDOM内にフォーカスする方法をdelegatesFocusで説明しています。 シャドールートを添付して、オプションdelegatesFocus: trueを渡すときに実行できます。 Polymerでは、このオプションを渡す方法が見つかりません

javascript polymer focus web-component shadow-dom 2017-06-29

---

1熱

1答えて

Polymer 2でFirefox上のWebコンポーネントでPointerイベントを捕捉する方法は？

私はDOMエレメント（here）にポインターイベントリスナーを付けるjavascriptライブラリーを構築しました。今日、私はFirefoxの上のポインタイベントをポリフィルするPEPを使用して、それをラップするポリマー1.9 Webコンポーネントでそれを使用していて、それが正常に動作します： <link rel="import" href="./pepjs-import.html"> <lin

javascript firefox shadow-dom polymer-2.x pointer-events 2017-06-30

---

1熱

1答えて

Webコンポーネント内でLight DOMを参照する

私はskate.jsを使用しており、検証と操作のためにWebコンポーネントのLight DOMを参照しようとしています。私はそれがあることを検証し、シャドウDOMラベルがfor属性でそれを参照する使用することができますので、それにIDを追加するためのチェックボックスを参照しようとしている <res-checkbox> <label slot="label">This is res-che

javascript dom web-component shadow-dom custom-element 2017-06-30

---

1熱

1答えて

シャドウDOM

内の擬似要素のCSSセレクタを適用する私が持っている日付を保持する高分子2 paper-input： <paper-input type="date"></paper-input> これは実際の<input>は、制御用のシャドウDOM内でレンダリングします。 擬似要素セレクタ::-webkit-inner-spin-buttonを使用して、Chromeでスピナーボタンのスタイルを設定します。

google-chrome polymer pseudo-element shadow-dom polymer-2.x 2017-07-06

---

1熱

1答えて

webviewを使用してshadowprotectを使用してNW.jsを作成します。

質問するとうまくいきますが、webviewの下のすべてがshadow-rootで覆われていないとnw.jsアプリケーションでwebviewタグを使用する方法がありますか？ <webview id="foo" src="file:///C:/Users/midjo/Desktop/TEST.html" style="display:flex; height:100%; width:100%;" pa

javascript webview shadow-dom nw.js 2017-07-06

---

1熱

1答えて

ネストされたシャドウDOMの繰り返しスロットを再配布DOM

背景：この問題は、Chromeの最新バージョンの拡張機能の開発に関するものです。これは、HTMLインポートやすべてのブラウザで利用できないカスタム要素などのjavascript機能に依存していますが、この場合は問題ありません。 私は次のように簡略化されたHTMLカスタム要素を実装しようとしています： <custom-el> <span slot="head">Great</span>

html5 google-chrome-extension web-component shadow-dom custom-element 2017-07-12

---

1熱

2答えて

シャドーDOMの内側と外側の非シャドーDOMカスタム要素の使用

シャドーDOMを使用する別のカスタム要素内であってもどこでも使用できるカスタム要素（シャドーDOMなし）があります。しかし、私は両方の場所で動作するスタイルを取得する方法はわかりません。 class fancyButton extends HTMLElement { constructor() { super(); this.innerHTML =

html web-component shadow-dom custom-element 2017-07-12

---

1熱

1答えて

ホストセレクタの下に属性セレクタをネストする方法を教えてください。個々のコンポーネントのサポートをテーマ設定するためのシャドウDOMと共にLESSプリプロセッサを使用

。また、私は無駄に営巣:host-contextと:hostセレクタを試みてきました。 :host-context(.dark) { @import (multiple) 'variables/dark-theme'; .dropdown; } :host-context(.light) { @import (multiple) 'variables/light

css css-selectors less shadow-dom 2017-07-16

---