f03504a731
* fix: style not applied to polyfillled shadow dom * test: add integration test for shadydom and @lwc/synthetic-shadow * improve the implementation of function isNativeShadowDom * apply lele0108's review suggestion
25 lines
634 B
HTML
25 lines
634 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
</head>
|
|
<body>
|
|
<div id="target1"></div>
|
|
<div id="target2"></div>
|
|
<div id="target3"></div>
|
|
<script>
|
|
const target1 = document.querySelector('#target1');
|
|
target1.attachShadow({
|
|
mode: 'open',
|
|
});
|
|
target1.shadowRoot.appendChild(document.createElement('div'));
|
|
const target2 = document.querySelector('#target2');
|
|
target2.attachShadow({
|
|
mode: 'open',
|
|
'$$lwc-synthetic-mode': true,
|
|
});
|
|
target2.shadowRoot.appendChild(document.createElement('p'));
|
|
</script>
|
|
</body>
|
|
</html>
|