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">