Merge pull request #276 from web-padawan/fix/275

Workaround broken composed flag for focus events in Firefox 61

src/patch-events.js

@@ -137,7 +137,8 @@ let eventMixin = {
     if (this.__composed === undefined) {
       // if there's an original `composed` getter on the Event prototype, use that
       if (composedGetter) {
-        this.__composed = composedGetter(this);
+        // TODO(web-padawan): see https://github.com/webcomponents/shadydom/issues/275
+        this.__composed = this.type === 'focusin' || this.type === 'focusout' || composedGetter(this);
       // If the event is trusted, or `isTrusted` is not supported, check the list of always composed events
       } else if (this.isTrusted !== false) {
         this.__composed = alwaysComposed[this.type];

tests/event-path.html

@@ -478,6 +478,33 @@
       el.parentNode.removeChild(el);
     });
 
+    test('focusin and focusout events patched to be always composed', function() {
+      const theDiv = document.createElement('div');
+      theDiv.attachShadow({mode: 'open'});
+
+      const theInput = document.createElement('input');
+      theDiv.shadowRoot.appendChild(theInput);
+      document.body.appendChild(theDiv);
+
+      const dispatchMockEvent = function(type, target) {
+        // do not set composed to force patching needed for Firefox 61
+        const e = new CustomEvent(type);
+        target.dispatchEvent(e);
+      };
+
+      const focusinSpy = sinon.spy();
+      const focusoutSpy = sinon.spy();
+
+      theInput.addEventListener('focusin', focusinSpy);
+      theInput.addEventListener('focusout', focusoutSpy);
+
+      dispatchMockEvent('focusin', theInput);
+      dispatchMockEvent('focusout', theInput);
+
+      assert.isTrue(focusinSpy.firstCall.args[0].composed, 'focusin event should be always composed');
+      assert.isTrue(focusoutSpy.firstCall.args[0].composed, 'focusout event should be always composed');
+    });
+
     const hasOnListenersOnPrototype = (function() {
       let nativeHTMLElement =
         (window['customElements'] && window['customElements']['nativeHTMLElement']) ||