hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

prevent EditableList input from blurring

Browse Source 
Signed-off-by: ndrscodes <ndrscodes@gmail.com>
This commit is contained in:
Andreas Schmidt 2022-01-14 16:41:43 +01:00 committed by ndrscodes
parent 1eef2bca2b
commit 0d134ed5cb
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/editable-list/editable-list.tsx
View File

@ -56,6 +56,7 @@ export class EditableList<T> extends React.Component<Props<T>> {
if (val) {
evt.preventDefault();
this.props.add(val);
evt.stopPropagation();
}
}
@ -70,6 +71,7 @@ export class EditableList<T> extends React.Component<Props<T>> {
onSubmit={this.onSubmit}
validators={validators}
placeholder={placeholder}
blurOnEnter={false}
iconRight={({ isDirty }) => isDirty ? <Icon material="keyboard_return" size={16} /> : null}
/>
</div>

8
src/renderer/components/input/input.tsx
View File

@ -68,6 +68,7 @@ export type InputProps = Omit<InputElementProps, "onChange" | "onSubmit"> & {
iconRight?: IconData;
contentRight?: string | React.ReactNode; // Any component of string goes after iconRight
validators?: InputValidator | InputValidator[];
blurOnEnter?: boolean;
onChange?(value: string, evt: React.ChangeEvent<InputElement>): void;
onSubmit?(value: string, evt: React.KeyboardEvent<InputElement>): void;
};
@ -86,6 +87,7 @@ const defaultProps: Partial<InputProps> = {
maxRows: 10000,
showValidationLine: true,
validators: [],
blurOnEnter: true,
};
export class Input extends React.Component<InputProps, State> {
@ -284,8 +286,10 @@ export class Input extends React.Component<InputProps, State> {
this.setDirty();
}
//pressing enter indicates that the edit is complete, we can unfocus now
this.blur();
if(this.props.blurOnEnter){
//pressing enter indicates that the edit is complete, we can unfocus now
this.blur();
}
}
}