fix: pfe-tabs urlParms fix for IE11 (#821)

* fix: removing stopPropagation from pfe-tabs click and keydown events

Fixes #816

* updating the changelog

* should be currentTarget instead of event.target

event.target broke pfe-content-set. Using event.currenTarget is the right way to look for the selected tab.

* using event.currentTarget instead of foundTab

* moving the urlParams logic into the if statement for IE

* changelog update

Author: kylebuch8

CHANGELOG-prerelease.md

@@ -1,3 +1,9 @@
+## Prerelease 44 ( 2020-04-02 )
+
+Tag: [v1.0.0-prerelease.44](https://github.com/patternfly/patternfly-elements/releases/tag/v1.0.0-prerelease.44)
+
+- []() fix: pfe-tabs urlParms fix for IE11 #821
+
 ## Prerelease 43 ( 2020-04-02 )
 
 Tag: [v1.0.0-prerelease.43](https://github.com/patternfly/patternfly-elements/releases/tag/v1.0.0-prerelease.43)

elements/pfe-tabs/src/pfe-tabs.js

@@ -449,28 +449,28 @@ class PfeTabs extends PFElement {
     // https://caniuse.com/#search=urlsearchparams
     if (CAN_USE_URLSEARCHPARAMS) {
       urlParams = new URLSearchParams(window.location.search);
-    }
 
-    // @DEPRECATED
-    // the "pfe-" prefix has been deprecated but we'll continue to support it
-    // we'll give priority to the urlParams.has(`${this.id}`) attribute first
-    // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should
-    // be able to remove the || part of the if statement in the future
-    const tabsetInUrl =
-      urlParams.has(`${this.id}`) ||
-      urlParams.has(this.getAttribute("pfe-id")) ||
-      urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production
-
-    if (urlParams && tabsetInUrl) {
-      const id =
-        urlParams.get(`${this.id}`) ||
-        urlParams.get(this.getAttribute("pfe-id")) ||
-        urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production
-
-      tabIndex = this._allTabs().findIndex(tab => {
-        const tabId = tab.id || tab.getAttribute("pfe-id");
-        return tabId === id;
-      });
+      // @DEPRECATED
+      // the "pfe-" prefix has been deprecated but we'll continue to support it
+      // we'll give priority to the urlParams.has(`${this.id}`) attribute first
+      // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should
+      // be able to remove the || part of the if statement in the future
+      const tabsetInUrl =
+        urlParams.has(`${this.id}`) ||
+        urlParams.has(this.getAttribute("pfe-id")) ||
+        urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production
+
+      if (urlParams && tabsetInUrl) {
+        const id =
+          urlParams.get(`${this.id}`) ||
+          urlParams.get(this.getAttribute("pfe-id")) ||
+          urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production
+
+        tabIndex = this._allTabs().findIndex(tab => {
+          const tabId = tab.id || tab.getAttribute("pfe-id");
+          return tabId === id;
+        });
+      }
     }
 
     return tabIndex;