From 757d7e0a1e62c18ead3dc28b80814d5f1558395e Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Thu, 22 Sep 2022 23:30:04 -0400
Subject: [PATCH] Only hide chapter name selector when focus lost

---
 src/components/SponsorTimeEditComponent.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx
index a378d4ea..db1591b8 100644
--- a/src/components/SponsorTimeEditComponent.tsx
+++ b/src/components/SponsorTimeEditComponent.tsx
@@ -230,7 +230,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
 
                 {/* Chapter Name */}
                 {sponsorTime.actionType === ActionType.Chapter ? (
-                    <div onMouseLeave={() => this.setState({chapterNameSelectorOpen: false})}>
+                    <div>
                         <input id={"chapterName" + this.idSuffix}
                             className="sponsorTimeEdit sponsorTimeEditInput sponsorChapterNameInput"
                             style={{color: "inherit", backgroundColor: "inherit"}}
@@ -239,6 +239,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                             value={this.state.description}
                             onContextMenu={(e) => e.stopPropagation()}
                             onChange={(e) => this.descriptionUpdate(e.target.value)}
+                            onBlur={() => this.setState({chapterNameSelectorOpen: false})}
                             onFocus={() => this.setState({chapterNameSelectorOpen: true})}>
                         </input>
                         {this.state.chapterNameSelectorOpen && this.state.description &&