clear light dom after reflection

Author: pemrouz

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) {

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'])

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(){