Fix for createShadowRoot being removed.

Author: andrewplummer

positionable.js

@@ -708,10 +708,9 @@ class ShadowDomInjector {
     }
     container.className = ShadowDomInjector.UI_HOST_CLASS_NAME;
 
-    // Note that changing this to attachShadow was causing some weird
-    // issues with eventing (window copy event was not firing) in both
-    // open and closed modes, so going back to createShadowRoot.
-    var root = container.createShadowRoot();
+    var root = container.attachShadow({
+      mode: 'open'
+    });
 
     // Relative extension paths don't seem to be supported in HTML template
     // files, so manually swap out these tokens for the extension path.

test/helpers/events.js

@@ -12,6 +12,12 @@
     }, opt);
     var evt = new MouseEvent(type, opt);
     el.dispatchEvent(evt);
+
+    // Simulate bubbling outside the shadow DOM.
+    const hostElement = getHostElement(el);
+    if (hostElement) {
+      fireMouseEvent(type, hostElement, x, y, opt);
+    }
   }
 
   function fireMouseDown(el, x, y, opt) {
@@ -122,6 +128,7 @@
   // --- Private
 
   function executeElementDrag(el, points) {
+
     var x, y, opt;
     for (let i = 0, point; point = points[i]; i++) {
       checkDragKeysChanged(point[2], opt);
@@ -141,6 +148,13 @@
     fireMouseOut(el, x, y, opt);
   }
 
+  function getHostElement(el) {
+    const root = el.getRootNode();
+    if (root instanceof ShadowRoot) {
+      return root.host;
+    }
+  }
+
   function checkDragKeysChanged(opt, lastOpt) {
     lastOpt = lastOpt || {};
     checkKeyChangeAndFire(opt.altKey,   lastOpt.altKey,   'Alt', opt);

test/tests/positionable-element.js

@@ -564,7 +564,7 @@ describe('PositionableElement', function() {
     setupBox('animation-box');
     element.pushState();
     element.resize(100, 100, 'se');
-    assert.equal(el.style.animation, 'none');
+    assert.equal(el.style.animation, '0s ease 0s 1 normal none running none');
     element.destroy();
     assert.equal(el.style.animation, '');
   });