From 9c7f327b0dca87ceef2b4f938adb3692c86a01e4 Mon Sep 17 00:00:00 2001
From: Francis Fernandez <fraferna@iu.edu>
Date: Fri, 12 Apr 2019 11:17:09 -0400
Subject: [PATCH] fix(Accessibility): Fix "Skip To Content" Link

Changes the behavior of the skip to content link so it doesn't append multiple anchors to the URL on subsequent selection events.

Closes #193
---
 src/components/Header/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index e96b1c13..d6c412af 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -25,7 +25,7 @@ const HeaderComponent: React.SFC<HeaderProps & React.HTMLAttributes<HTMLDivEleme
     const navigation = findFirstChildOfType(children, Navigation.displayName);
     return (
         <header {...attrs} className={classNames(componentClass, className)} role="banner">
-            <a className="rvt-skip-link" href={`${document.URL}#main-content`}>Skip to content</a>
+            <a className="rvt-skip-link" href={`${document.URL.substring(0, document.URL.indexOf('#'))}#main-content`}>Skip to content</a>
             <div className="rvt-header__trident">
                 <Icon name="trident-header" />
             </div>