Merge pull request #457 from webcomponents/bicknellr/activeElement

Fixes #110: Adds support for Document/ShadowRoot activeElement.

Author: dfreedm

src/ShadowDOM/wrappers/Document.js

@@ -20,6 +20,7 @@
   var ShadowRoot = scope.wrappers.ShadowRoot;
   var TreeScope = scope.TreeScope;
   var cloneNode = scope.cloneNode;
+  var defineGetter = scope.defineGetter;
   var defineWrapGetter = scope.defineWrapGetter;
   var elementFromPoint = scope.elementFromPoint;
   var forwardMethodsToWrapper = scope.forwardMethodsToWrapper;
@@ -50,6 +51,34 @@
   defineWrapGetter(Document, 'body');
   defineWrapGetter(Document, 'head');
 
+  defineGetter(Document, 'activeElement', function() {
+    var unwrappedActiveElement = unwrap(this).activeElement;
+    if (!unwrappedActiveElement || !unwrappedActiveElement.nodeType) return null;
+
+    var activeElement = wrap(unwrappedActiveElement);
+
+    // Loop while activeElement is not a shallow child of this document.
+    while (!this.contains(activeElement)) {
+      var lastHost = activeElement;
+      // Iterate until we hit activeElement's containing ShadowRoot (which
+      // isn't this one) or document.
+      while (activeElement.parentNode) {
+        activeElement = activeElement.parentNode;
+      }
+
+      // If we've reached a ShadowRoot, move to its host.
+      if (activeElement.host) {
+        activeElement = activeElement.host;
+      // Otherwise, we've reached a different document - this document is
+      // not an ancestor of the active element.
+      } else {
+        return null;
+      }
+    }
+
+    return activeElement;
+  });
+
   // document cannot be overridden so we override a bunch of its methods
   // directly on the instance.
 

src/ShadowDOM/wrappers/HTMLElement.js

@@ -333,6 +333,7 @@
   }
 
   [
+    'focus',
     'getBoundingClientRect',
     'getClientRects',
     'scrollIntoView'

src/ShadowDOM/wrappers/ShadowRoot.js

@@ -21,6 +21,7 @@
   var setInnerHTML = scope.setInnerHTML;
   var unsafeUnwrap = scope.unsafeUnwrap;
   var unwrap = scope.unwrap;
+  var wrap = scope.wrap;
 
   var shadowHostTable = new WeakMap();
   var nextOlderShadowTreeTable = new WeakMap();
@@ -71,6 +72,33 @@
 
     getSelection: function() {
       return document.getSelection();
+    },
+
+    get activeElement() {
+      var unwrappedActiveElement = unwrap(this).ownerDocument.activeElement;
+      if (!unwrappedActiveElement || !unwrappedActiveElement.nodeType) return null;
+
+      var activeElement = wrap(unwrappedActiveElement);
+
+      // Loop while activeElement is not a shallow child of this ShadowRoot.
+      while (!this.contains(activeElement)) {
+        // Iterate until we hit activeElement's containing ShadowRoot (which
+        // isn't this one) or document.
+        while (activeElement.parentNode) {
+          activeElement = activeElement.parentNode;
+        }
+
+        // If we've reached a ShadowRoot, move to its host.
+        if (activeElement.host) {
+          activeElement = activeElement.host;
+        // Otherwise, we've reached a document - this ShadowRoot is not an
+        // ancestor of the active element.
+        } else {
+          return null;
+        }
+      }
+
+      return activeElement;
     }
   });