From 9bf310a9ae295ff168e11aeeea7eaf1aba0fa1de Mon Sep 17 00:00:00 2001
From: Kid <kidonng@gmail.com>
Date: Wed, 21 Aug 2019 21:18:34 +0800
Subject: Fix always expanded "More" dropdown menu (#2359)

* fix always expanded "More" dropdown

close #2357

* move classes to `<summary>`
---
 source/features/more-dropdown.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

(limited to 'source/features/more-dropdown.tsx')

diff --git a/source/features/more-dropdown.tsx b/source/features/more-dropdown.tsx
index 4fce794a..7f72fa91 100644
--- a/source/features/more-dropdown.tsx
+++ b/source/features/more-dropdown.tsx
@@ -13,15 +13,13 @@ const repoUrl = getRepoURL();
 function createDropdown(): void {
 	// Markup copied from native GHE dropdown
 	appendBefore('.reponav', '[href$="settings"]',
-		<div className="reponav-dropdown js-menu-container">
-			<button type="button" className="btn-link reponav-item js-menu-target" aria-expanded="false" aria-haspopup="true">
+		<details className="reponav-dropdown details-overlay details-reset">
+			<summary className="btn-link reponav-item">
 				{'More '}
 				<span className="dropdown-caret"/>
-			</button>
-			<div className="dropdown-menu-content js-menu-content">
-				<div className="dropdown-menu dropdown-menu-se"/>
-			</div>
-		</div>
+			</summary>
+			<details-menu className="dropdown-menu dropdown-menu-se"/>
+		</details>
 	);
 }
 
-- 
cgit v1.2.3