shadow-dom

    1

    1答えて

    内部にいくつかの要素を含むdivにhost.attachShadow({mode: 'open'})を呼び出すと、divの内容が一見消えてしまいます。要素はまだdevtoolsからは見えますが、もはや画面には表示されません。 shadowRootに何かを入力しても問題ありません。影がついてくると、divの子供たちは消えます。 codepen上 デモ:https://codepen.io/anon/

    1

    1答えて

    このページにアクセスするにはchrome:// downloads /にアクセスして、ファイルがダウンロードされていることを確認してください。ただし、それはShadow DOMです。 この記事では、Selenium Webdriverを使用してDOM要素にアクセスする方法について説明しました。 execute_script("return $('<#file-link>')") exe

    1

    1答えて

    ですから、私はクローム拡張コンテンツスクリプトから追加されたshadowrootにブートストラップの3つのアイコンを表示したいと思います。これまで働いていない、助けてください? manifest.jsはweb_accessible_resourcesでWOFFファイルが含まれてい 影のルートは、スタイルのタグであります @import url(chrome-extension://[email p

    4

    1答えて

    シャドウ要素にあるスタイルを変更する方法はありますか?具体的には、CSS クラスにあるいくつかのプロパティを拡張/上書きしますか?私はBeanoteと呼ばれるクロムエクステンションを使用していますが、これは4月(2017年)以来更新されておらず、修正したい厄介なバグがあります。私はcssの1行で十分にそれをパッチしていることがわかりましたが、シャドウ要素自体の内部に入り、devツールでこれらのスタ

    1

    1答えて

    CSSでsvg-spriteをアニメーション化しようとしました。 私はスプライトを作成し、一息からそれを注入しました: gulp.task('svgstore', function() { var svgs = gulp .src('app/svg/*.svg') .pipe(svgmin(function (file) { return { plu

    0

    1答えて

    私はPolymer 1.0を使用していますが、最近はdevツールで多くの[DOM] Found 2 elements with non-unique id #someCustomComponent: (More info: shortUrlWithNoUsefulInfo)エラーが発生しました。重複したIDは、iron-inputのようなPolymerで作成されたコンポーネントから来ています。この

    3

    2答えて

    ドキュメント内のどこにも見つかりませんでしたが、親コンポーネントのコンポーネント内の何かをクリックするとNode.contains()関数が動作しません。 cv-checkboxとcv-svg-icon:あなたは私は私の親コンポーネント内部の2つの角度のコンポーネントを持って見ることができるように <div class="body"> <div class="item" *ngFor="

    1

    1答えて

    私はサンプルアプリケーションをChromeとFirefoxの両方で動作させたいので、https://www.webcomponents.org/polyfills/で説明したように、Webコンポーネントをポリフィルすることを試みています。しかし、私はReferenceErrorを取得しています:customElementsは定義されていません Firefoxでエラーが発生しました。下記の私のコード

    1

    1答えて

    私が読んだことは、シャドードームが親ページCSSから「安全」であると考えられることを示しています。 I. <style> div{color: purple} </style> 私のシャドードームのdivは、ブラウザのデフォルトの色を持つ必要があります。 私は任意のページにhtmlを挿入するクロム拡張を作成しています。このHTMLがShadow DomまたはIframeによって保護