shadow-dom

1열

1답변

사용자 정의 요소 내에 CodeMirror 인스턴스를 동적으로 만들고 요소의 그림자 DOM 내에 살고 싶습니다. 예를 들어 : <code-mirror>foo</code-mirror> <script> window.customElements.define('code-mirror', class extends HTMLElement { constructo

2열

1답변

각도 : 왜 캡슐화 : ViewEncapsulation.Native를 사용해야합니까? 각도에서

는 기본 모드는 encapsulation: ViewEncapsulation.Emulated 이 모드는 CSS 선택기를 사용하여 스타일을 캡슐화 할 수 있습니다. 그러나 '캡슐화 : ViewEncapsulation.Native'도 스타일 캡슐화를 구현하지만 또 다른 기법 인 그림자 DOM을 구현합니다. 기술은 다르지만 결과는 같습니다. 그렇다면 왜 "View

2열

1답변

폴리머 요소의 그림자 DOM에 D3.js 요소 추가

저는 Polymer (v1) 프로젝트에서 작업하고 있으며 사용자 정의 폴리머 요소 중 하나에는 D3 (v4) 차트가 있어야합니다. D3은 DOM에 추가 할 때 꽤 많이 작동하는 것 같습니다. 불행하게도, Polymer는 DOM 조작이 수행되는 방법에 대해 꽤 엄격한 것처럼 보입니다. 내가 구현하고자하는 D3 차트의 매우 간단한 버전을 만들었습니다 : 나는

2열

2답변

attachShadow 이벤트 감지

호스트 요소에 그림자를 첨부하는 이벤트를 감지하고 싶습니다. 유스 케이스 : MutationObserver을 사용하여 변경된 내용을 바인딩 (묶기) 프레임 워크의 로직의 일부로 처리하고 후 처리합니다. 왜이 이벤트를 감지해야합니까? shadowDOM 내에서 변경 사항을 볼 수 있으려면 다른 MutationObserver을 생성하여 shadowRoot에 설정

0열

1답변

스크롤 막대가 섀도우 - 돔 외부에있을 때 부품에 철 - 목록로드

내 Polymer-application은 app-layout-structure를 사용합니다. 루트 요소는 다음과 같이 단순화 할 수 있습니다. <app-drawer-layout fullbleed> <app-drawer swipe-open> <iron-selector selected="{{page}}" attr-for-selected="na

1열

1답변

사용자 정의 요소 내의 하위 내용이 렌더링되지 않습니다.

'하위 내용'범위는 Light DOM에 표시되지만 실제로 페이지에 렌더링되지 않습니다 (스크린 샷 참조). 누구나 왜 보이지 않는지 알 수 있습니까? 또한 분명히 슬롯을 뚫지도 않았 음을 알았습니다. 슬롯이 보이게하려는 시도였습니다. <!doctype html> <html> <body> <hello-world> <span>Ch

1열

1답변

렌더가 그림자 루트에 반응합니다.

섀도우 루트의 React 구성 요소를 캡슐화하려고합니다.. 구성 요소가 문제없이 렌더링되지만 이벤트가 작동하지 않습니다.. 내 코드는 다음과 같습니다. let shadow = document.getElementById('root').attachShadow({mode: 'open'}); shadow.innerHTML = "<div id='panel'></d

2열

1답변

IOS Safari는 Shadow DOM을 지원합니까?

내 응용 프로그램에서 그림자 DOM을 렌더링 할 수 있지만 관리자가 그림자 루트를 표시 할 수 없습니다. 아무도 나를 도울 수 있습니까?

0열

1답변

Polymer 1.x Polymer Web Component를 전역으로 범위 지정하는 방법

Polymer에 사용자 지정 웹 구성 요소가있는 경우 템플릿을 index.html의 주 DOM에 포함시킬 수 있습니까? 그림자? 스크립트로 활성화 된 입력에 연결하려고 시도하고 있으며 스크립트가 그림자 DOM을 볼 수 없습니다. <link rel="import" href="../../bower_components/polymer/polymer.html">

3열

2답변

어떻게 그림자 DOM 이벤트를 디 바운스/스로틀합니까?

내부적으로 그림자 요소에 이벤트 핸들러를 연결하고 있습니다. 이벤트를 사용자에게 전달하지 않고 dragover 이벤트를 처리합니다. 이벤트를 디 바운딩 할 때까지 모든 것이 잘 작동합니다. setTimeout을 사용하면 이벤트가 변경되어 마치 이벤트 대상 인 것처럼 보입니다 (이벤트 대상은 <my-element>). 더 명확하게하려면; <my-element