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

Fixes #3905
pull/3906/head
Bogdan 2 years ago
parent 36f0108617
commit 17db815984

@ -88,14 +88,17 @@ class SelectAlbumModalContent extends Component {
} }
<TextInput <TextInput
className={styles.filterInput} className={styles.filterInput}
placeholder={translate('FilterPlaceHolder')} placeholder={translate('FilterAlbumPlaceholder')}
name="filter" name="filter"
value={filter} value={filter}
autoFocus={true} autoFocus={true}
onChange={this.onFilterChange} onChange={this.onFilterChange}
/> />
<Scroller className={styles.scroller}> <Scroller
className={styles.scroller}
autoFocus={false}
>
{ {
<Table <Table
columns={columns} columns={columns}

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

@ -352,7 +352,8 @@
"FileNames": "File Names", "FileNames": "File Names",
"Filename": "Filename", "Filename": "Filename",
"Files": "Files", "Files": "Files",
"FilterPlaceHolder": "Filter artist", "FilterAlbumPlaceholder": "Filter album",
"FilterArtistPlaceholder": "Filter artist",
"Filters": "Filters", "Filters": "Filters",
"FirstAlbum": "First Album", "FirstAlbum": "First Album",
"FirstAlbumData": "Monitor the first albums. All other albums will be ignored", "FirstAlbumData": "Monitor the first albums. All other albums will be ignored",

Loading…
Cancel
Save