clear light dom after reflection

rijs · Apr 20, 2016 · 045fa04 · 045fa04
1 parent 21e6077
commit 045fa04
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/dist/index.js b/dist/index.js
@@ -39,7 +39,8 @@ var render = function render(next) {
 };
 
 var reflect = function reflect(el) {
-  return el.shadowRoot.innerHTML = el.innerHTML;
+  el.shadowRoot.innerHTML = el.innerHTML;
+  el.innerHTML = '';
 };
 
 var retarget = function retarget(el) {

diff --git a/src/index.js b/src/index.js
@@ -17,7 +17,10 @@ const render = next => el => {
   return next(el)
 }
 
-const reflect = el => el.shadowRoot.innerHTML = el.innerHTML
+const reflect = el => {
+  el.shadowRoot.innerHTML = el.innerHTML
+  el.innerHTML = ''
+}
 
 const retarget = el => keys(el)
   .concat(['on', 'once', 'emit', 'classList', 'getAttribute', 'setAttribute'])

diff --git a/test.js b/test.js
@@ -49,6 +49,7 @@ describe('Shadow DOM', function(){
     ripple.render(el2)
 
     expect(el2.shadowRoot.innerHTML).to.be.eql('fallback')
+    expect(el2.innerHTML).to.be.eql('')
   })
 
   it('should close gap between host data and shadowRoot data', function(){