Fixed: (UI) Ensure autofocus on filter input in Manual Import

Fixes #3905
Lidarr · Jul 22, 2023 · 17db815 · 17db815
1 parent 36f0108
commit 17db815
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/InteractiveImport/Album/SelectAlbumModalContent.js b/frontend/src/InteractiveImport/Album/SelectAlbumModalContent.js
@@ -88,14 +88,17 @@ class SelectAlbumModalContent extends Component {
           }
           <TextInput
             className={styles.filterInput}
-            placeholder={translate('FilterPlaceHolder')}
+            placeholder={translate('FilterAlbumPlaceholder')}
             name="filter"
             value={filter}
             autoFocus={true}
             onChange={this.onFilterChange}
           />
 
-          <Scroller className={styles.scroller}>
+          <Scroller
+            className={styles.scroller}
+            autoFocus={false}
+          >
             {
               <Table
                 columns={columns}

diff --git a/frontend/src/InteractiveImport/Artist/SelectArtistModalContent.js b/frontend/src/InteractiveImport/Artist/SelectArtistModalContent.js
@@ -56,14 +56,17 @@ class SelectArtistModalContent extends Component {
         >
           <TextInput
             className={styles.filterInput}
-            placeholder={translate('FilterPlaceHolder')}
+            placeholder={translate('FilterArtistPlaceholder')}
             name="filter"
             value={filter}
             autoFocus={true}
             onChange={this.onFilterChange}
           />
 
-          <Scroller className={styles.scroller}>
+          <Scroller
+            className={styles.scroller}
+            autoFocus={false}
+          >
             {
               items.map((item) => {
                 return item.artistName.toLowerCase().includes(filter) ?

diff --git a/src/NzbDrone.Core/Localization/Core/en.json b/src/NzbDrone.Core/Localization/Core/en.json
@@ -352,7 +352,8 @@
   "FileNames": "File Names",
   "Filename": "Filename",
   "Files": "Files",
-  "FilterPlaceHolder": "Filter artist",
+  "FilterAlbumPlaceholder": "Filter album",
+  "FilterArtistPlaceholder": "Filter artist",
   "Filters": "Filters",
   "FirstAlbum": "First Album",
   "FirstAlbumData": "Monitor the first albums. All other albums will be ignored",