Fix Polymer.dom(el).attachShadow/shadowRoot

Polymer · Jul 10, 2021 · 2b0494a · 2b0494a
1 parent 5675624
commit 2b0494a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/lib/legacy/polymer.dom.js b/lib/legacy/polymer.dom.js
@@ -441,7 +441,7 @@ if (window['ShadyDOM'] && window['ShadyDOM']['inUse'] && window['ShadyDOM']['noP
   forwardMethods(DomApiNative.prototype, [
     'cloneNode', 'appendChild', 'insertBefore', 'removeChild',
     'replaceChild', 'setAttribute', 'removeAttribute',
-    'querySelector', 'querySelectorAll'
+    'querySelector', 'querySelectorAll', 'attachShadow'
   ]);
 
   // Properties that should return the logical, not composed tree. Note, `classList`
@@ -451,7 +451,7 @@ if (window['ShadyDOM'] && window['ShadyDOM']['inUse'] && window['ShadyDOM']['noP
     'parentNode', 'firstChild', 'lastChild',
     'nextSibling', 'previousSibling', 'firstElementChild',
     'lastElementChild', 'nextElementSibling', 'previousElementSibling',
-    'childNodes', 'children', 'classList'
+    'childNodes', 'children', 'classList', 'shadowRoot'
   ]);
 
   forwardProperties(DomApiNative.prototype, [

diff --git a/test/unit/polymer-dom.html b/test/unit/polymer-dom.html
@@ -415,6 +415,7 @@
     assert.isDefined(d.classList);
     assert.isDefined(d.textContent);
     assert.isDefined(d.innerHTML);
+    assert.isDefined(d.shadowRoot);
   });
 
   test('cloneNode', function() {
@@ -484,6 +485,12 @@
     assert.equal(query.length, 2);
   });
 
+  test('attachShadow', function() {
+    const el = document.createElement('div');
+    dom(el).attachShadow({mode: 'open'});
+    assert.isDefined(el.shadowRoot);
+  });
+
   test('tree accessors', function() {
     const d1 = document.createElement('div');
     const d2 = document.createElement('div');