From b743cec194b3f4abbd366c3b1dc191a191578092 Mon Sep 17 00:00:00 2001
From: Adam Silverstein <adam@10up.com>
Date: Fri, 19 Oct 2018 14:07:04 -0600
Subject: [PATCH] Adjust document outline to use an a tag vs button

---
 packages/editor/src/components/document-outline/item.js    | 5 +++--
 packages/editor/src/components/document-outline/style.scss | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/components/document-outline/item.js b/packages/editor/src/components/document-outline/item.js
index 3db43383c5a5f..8167fb247ea2a 100644
--- a/packages/editor/src/components/document-outline/item.js
+++ b/packages/editor/src/components/document-outline/item.js
@@ -29,7 +29,8 @@ const TableOfContentsItem = ( {
 			}
 		) }
 	>
-		<button
+		<a
+			href={ '#' + level }
 			className="document-outline__button"
 			onClick={ onClick }
 		>
@@ -50,7 +51,7 @@ const TableOfContentsItem = ( {
 				{ children }
 			</span>
 			<span className="screen-reader-text">{ __( '(Click to focus this heading)' ) }</span>
-		</button>
+		</a>
 	</li>
 );
 
diff --git a/packages/editor/src/components/document-outline/style.scss b/packages/editor/src/components/document-outline/style.scss
index 336f53d196687..5cd918301dffc 100644
--- a/packages/editor/src/components/document-outline/style.scss
+++ b/packages/editor/src/components/document-outline/style.scss
@@ -11,6 +11,10 @@
 	display: flex;
 	margin: 4px 0;
 
+	a {
+		text-decoration: none;
+	}
+
 	.document-outline__emdash::before {
 		color: $light-gray-500;
 		margin-right: 4px;