mirror/Lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/Lidarr synced 2025-01-03 05:25:10 +00:00
Code Issues Releases Wiki Activity

Fixed: Tag inputs respect non-QWERTY layouts

Browse source
This commit is contained in:
Qstick 2020-06-29 21:39:49 -04:00
parent e9566db8fa
commit 7465196c7a
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/Components/Filter/Builder/FilterBuilderRowValue.js
View file

@ -135,7 +135,7 @@ class FilterBuilderRowValue extends Component {
tagList={tagList}
allowNew={!tagList.length}
kind={kinds.DEFAULT}
delimiters={[9, 13]}
delimiters={['Tab', 'Enter']}
maxSuggestionsLength={100}
minQueryLength={0}
tagComponent={FilterBuilderRowValueTag}

11
frontend/src/Components/Form/TagInput.js
View file

@ -100,9 +100,9 @@ class TagInput extends Component {
suggestions
} = this.state;
const keyCode = event.keyCode;
const key = event.key;
if (keyCode === 8 && !value.length) {
if (key === 'Backspace' && !value.length) {
const index = tags.length - 1;
if (index >= 0) {
@ -116,7 +116,7 @@ class TagInput extends Component {
event.preventDefault();
}
if (delimiters.includes(keyCode)) {
if (delimiters.includes(key)) {
const selectedIndex = this._autosuggestRef.highlightedSuggestionIndex;
const tag = getTag(value, selectedIndex, suggestions, allowNew);
@ -256,7 +256,7 @@ TagInput.propTypes = {
allowNew: PropTypes.bool.isRequired,
kind: PropTypes.oneOf(kinds.all).isRequired,
placeholder: PropTypes.string.isRequired,
delimiters: PropTypes.arrayOf(PropTypes.number).isRequired,
delimiters: PropTypes.arrayOf(PropTypes.string).isRequired,
minQueryLength: PropTypes.number.isRequired,
hasError: PropTypes.bool,
hasWarning: PropTypes.bool,
@ -271,8 +271,7 @@ TagInput.defaultProps = {
allowNew: true,
kind: kinds.INFO,
placeholder: '',
// Tab, enter, space and comma
delimiters: [9, 13, 32, 188],
delimiters: ['Tab', 'Enter', ' ', ','],
minQueryLength: 1,
tagComponent: TagInputTag
};