shadow-dom 相关问题

Shadow DOM是Web Components的关键部分,它允许您使用与主DOM隔离的DOM元素子树创建基于组件的应用程序。

Google身份验证按钮无法使用shadow dom

我正在尝试将google auth按钮添加到一个简单的聚合物3项目中,我正在关注本教程:https://developers.google.com/identity/sign-in/web/sign-in?ushuser = 0正如教程所说我是 ...

回答 1 投票 0

TinyMCE 4.9.x仍无法在影子dom中工作。有什么想法可以解决吗?

我尝试将tinyMCE初始化为element,它放在shadowDOM中。 (聚合物网络组件),但它不起作用。我在这里找到相同的情况示例:https://embed.plnkr.co/WXtcz2GUpOhgrhWBTcAW / ...

回答 1 投票 2

CSS计数器没有在阴影DOM中递增[重复]

我有以下设置,其中CSS计数器适用于插槽内容,但不适用于影子DOM。从'lit-element'导入{LitElement,css,html}; class MyElement扩展LitElement {...

回答 1 投票 0

Angular:子项ngTemplateOutlet中的自定义CSS

我试图找出如何设置要在Angular中的ngTemplateOutlet中应用的自定义样式。我有两个组件,父母和孩子,我将模板从父母传递给孩子,...

回答 1 投票 0

材料图标未在Hyperhtml中加载

我在Hyperhtml组件中使用材料图标。但即使css加载了Icon,也没有在浏览器中加载。 “3d_rotation”显示的不是Icon。这是我的 ...

回答 1 投票 0

在阴影DOM中平滑滚动

我正在使用Polymer使用Web Components制作的Web应用程序。每个组件都有许多子组件,每个组件都有自己的shadow DOM。我专门研究一个大型的部分......

回答 1 投票 1

如何克隆ShadowRoot?

我正在尝试克隆阴影根,以便我可以交换实例 与其相应的分布式节点。我的方法:var shadowHost = document.createElement('...

回答 2 投票 17

单击外部边界时触发onclick事件的自定义元素

我构建了一个自定义元素,并附加了一个onclick eventListener。宽度由CSS设置为200px。当我将自定义元素追加到更宽的表格单元格时,eventListener甚至会捕获点击次数...

回答 1 投票 0

使用TestCafe访问阴影dom中的iFrame

是否可以使用TestCafe访问ShadowDom中包含的iframe?我尝试过使用组合选择器,就像我可以访问普通的ShadowDOM元素一样,但无法管理...

回答 1 投票 2

通过selenium javascriptExecutor访问shadow DOM Elements(聚合物)

尝试使用Chrome浏览器(V51)的JS控制台上的以下代码访问男士外穿部分“https://shop.polymer-project.org/”下的“立即购买”按钮:document.querySelector('。 ..

回答 3 投票 1

shadow DOM没有显示内容。如何在DOM中显示内容?

如您所见,我想动态添加内容,但影子DOM不显示内容如何使内容可见?我想让内容可见。 let shadow = document.querySelector('#...

回答 1 投票 2

应该如何定位:修复阴影DOM根目录?

我有一个div位置:fixed,假设应该附加到视口的底部而不是滚动,至少根据MDN。相反,我得到的是一个卡在其中的div ...

回答 1 投票 1

使用聚合物2测试自动化穿透阴影dom(/深/弃用)

目前,我的组织在聚合物1上使用Selenium,Protractor和Mocha,我们使用阴暗的dom。对于验收测试,我们使用/ deep / combinator来刺穿DOM。使用聚合物2 /深/组合器......

回答 2 投票 5

在使用Web组件技术扩展视频标签时,我可以封装代码吗?

我正在尝试使用Web组件技术(HTML模板,Shadow DOM,自定义元素)扩展视频标记。我想封装我的样式和DOM(编辑)。但是,我们不能......

回答 1 投票 0

Shadow DOM之外的事件侦听器不会绑定到Shadow DOM内部的元素

我的网站上安装了Angular Web组件。它使用Shadow DOM,所以它超级快(它必须在我的情况下)。在我的网站上我也有一个h的快捷方式,打开一个弹出窗口...

回答 2 投票 3

在“相同类型”的Web组件之间共享样式

如果我理解正确的话,创建Web组件的实例可以概括为创建阴影根并复制标记,例如,从模板到它:var Template = document ....

回答 1 投票 4

如何让光dom css应用于阴影dom元素?

我定义自己的自定义元素,并发现它在阴影dom中添加其子元素很方便,主要是因为我可以在自定义元素构造函数中使用它,而相同的构造函数不...

回答 1 投票 0

在Salesforce(Rabbit hole)上检查时,Shadow DOM未显示在带阴影根的自定义元素中

我正在尝试了解Salesforce如何实现其自定义闪电组件元素。我已经阅读了一些帮助文档,这些文档暗示他们遵循webcomponents标准。当我 ...

回答 1 投票 1

如何设置CKEditor 5高度

使用CKeditor角度分量如何设置编辑器高度?根据文档,可以通过将编辑器样式设置为:min-height:500px!important;但它不起作用!

回答 1 投票 3

什么是:: shadow和/ deep /的替代品?

如https://www.chromestatus.com/features/6750456638341120中所述,这两个穿孔阴影的组合器已被弃用。那么实现相同的东西是什么,或者这个阴影-...

回答 4 投票 26

© www.soinside.com 2019 - 2024. All rights reserved.