Fixed: Cursor Jumps to end in when editing search term

Fixes #290
This commit is contained in:
Qstick
2021-08-15 22:41:33 -04:00
parent b7731faedc
commit 635fa78da9

View File

@@ -27,7 +27,7 @@ class SearchFooter extends Component {
this.state = { this.state = {
searchingReleases: false, searchingReleases: false,
searchQuery: defaultSearchQuery, searchQuery: defaultSearchQuery || '',
searchIndexerIds: defaultIndexerIds, searchIndexerIds: defaultIndexerIds,
searchCategories: defaultCategories searchCategories: defaultCategories
}; };
@@ -52,14 +52,12 @@ class SearchFooter extends Component {
isFetching, isFetching,
defaultIndexerIds, defaultIndexerIds,
defaultCategories, defaultCategories,
defaultSearchQuery,
searchError searchError
} = this.props; } = this.props;
const { const {
searchIndexerIds, searchIndexerIds,
searchCategories, searchCategories
searchQuery
} = this.state; } = this.state;
const newState = {}; const newState = {};
@@ -72,10 +70,6 @@ class SearchFooter extends Component {
newState.searchCategories = defaultCategories; newState.searchCategories = defaultCategories;
} }
if (searchQuery !== defaultSearchQuery) {
newState.searchQuery = defaultSearchQuery;
}
if (prevProps.isFetching && !isFetching && !searchError) { if (prevProps.isFetching && !isFetching && !searchError) {
newState.searchingReleases = false; newState.searchingReleases = false;
} }
@@ -92,6 +86,10 @@ class SearchFooter extends Component {
this.props.onSearchPress(this.state.searchQuery, this.state.searchIndexerIds, this.state.searchCategories); this.props.onSearchPress(this.state.searchQuery, this.state.searchIndexerIds, this.state.searchCategories);
} }
onSearchInputChange = ({ value }) => {
this.setState({ searchQuery: value });
}
// //
// Render // Render
@@ -121,7 +119,7 @@ class SearchFooter extends Component {
autoFocus={true} autoFocus={true}
value={searchQuery} value={searchQuery}
isDisabled={isFetching} isDisabled={isFetching}
onChange={onInputChange} onChange={this.onSearchInputChange}
/> />
</div> </div>