shadow-dom

    1熱度

    1回答

    我一直在努力解決這個問題,但是沙發一直無法找到答案。我的聚合物元素加載一個基本模板JSON文件,然後通過dom-repeat運行以創建基本HTML頁面。 然後加載另一個JSON文本文件,它使用JS函數完成HTML的各個區域。 一旦按鈕單擊表單子項,就會運行一個函數來觸發加載另一個JSON文件,該文件添加其他信息。這一切工作正常。 但是,當我離開頁面並返回時,它記住了我的所有設置,但沒有正確顯示。它

    0熱度

    1回答

    我有我試圖實現與實習生功能測試,可以在這裏找到谷歌聚合物項目: https://theintern.github.io/ 我試圖測試的代碼是在Shadow DOM中,因爲頁面使用了各種Web組件。測試的主要目標是填寫表格併發布數據。代碼的結構如下: <app> #shadow-root <login-form> #shadow-root <card> #s

    2熱度

    2回答

    我想檢測將陰影附加到主機元素的事件。 用例:使用MutationObserver來觀察任何DOM更改並將更改後的內容作爲綁定(搭售)框架邏輯的一部分進行後處理。 爲什麼我需要檢測此事件?爲了能夠觀察shadowDOM中的變化,應該創建另一個MutationObserver並將其設置在shadowRoot上 - 這很好,所以唯一的問題是檢測新創建的陰影。 不用說,明明白白地MutationObser

    0熱度

    1回答

    我的聚合物應用程序使用app-layout-structure。根元素可以簡化如下: <app-drawer-layout fullbleed> <app-drawer swipe-open> <iron-selector selected="{{page}}" attr-for-selected="name" role="navigation"> <!-- lis

    1熱度

    1回答

    「子內容」跨度顯示在Light DOM中,但實際上並未呈現給頁面(請參見截圖)。 任何人都知道爲什麼它不可見?另外我注意到它也顯然沒有被插入,這是我試圖使其可見。 <!doctype html> <html> <body> <hello-world> <span>Child content</span> </hello-world> <scri

    1熱度

    1回答

    我試圖封裝在暗影根陣營的組成部分。該組件被渲染沒有問題,但事件不工作。我的代碼如下所示: let shadow = document.getElementById('root').attachShadow({mode: 'open'}); shadow.innerHTML = "<div id='panel'></div>"; ReactDOM.render( <Admin />,

    2熱度

    1回答

    我的應用程序能夠渲染陰影DOM,但檢查員無法顯示陰影根。任何人都可以幫我解決這個問題嗎?

    2熱度

    1回答

    我試圖讓兩個給定的DOM節點共同抵消母公司之一,它完美的作品時,兩個節點都是裏面的文件,但它確實不是他們中的一個時在Shadow DOM中。 function isOffsetContainer(element) { return element.firstElementChild.offsetParent === element } function fin

    0熱度

    1回答

    我正在嘗試爲Square支付表單創建Web組件,但無法將其加載到影子DOM中。 我想知道這是否可能,因爲窗體填充了來自Square CDN的腳本。 有沒有人有這個用例的運氣? 我正在使用https://docs.connect.squareup.com/articles/adding-payment-form 上的示例中的代碼,並將其插入到Web組件模板中。 完整的代碼示例在Codepen上。 h

    0熱度

    1回答

    如果我在Polymer中有一個自定義Web組件,是否可以將模板的範圍限定爲主要DOM(index.html的一部分),而不是陰影? 我想鉤入由腳本激活的輸入,並且該腳本無法看到陰影DOM。 <link rel="import" href="../../bower_components/polymer/polymer.html"> <dom-module id="custom-element">