diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2020-09-16 17:08:16 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2020-09-18 17:27:57 +0200 |
| commit | 66859a9f130ade461cdae5051caeffd7a4d5b551 (patch) | |
| tree | 14050fbb84c56182d1b3fc7c27ca17312eaaa746 | |
| parent | 6b666a6b5d53ff6172774ad1363b896bcb701583 (diff) | |
| download | mullvadvpn-66859a9f130ade461cdae5051caeffd7a4d5b551.tar.xz mullvadvpn-66859a9f130ade461cdae5051caeffd7a4d5b551.zip | |
Add aria-invalid attribute to mssfix and mtu inputs
| -rw-r--r-- | gui/src/renderer/components/Cell.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/gui/src/renderer/components/Cell.tsx b/gui/src/renderer/components/Cell.tsx index 336b3171f0..1848426e91 100644 --- a/gui/src/renderer/components/Cell.tsx +++ b/gui/src/renderer/components/Cell.tsx @@ -154,12 +154,15 @@ export class Input extends React.Component<IInputProps, IInputState> { ...otherProps } = this.props; + const valid = validateValue?.(this.state.value); + return ( <CellDisabledContext.Consumer> {(disabled) => ( <StyledInput type="text" - valid={validateValue?.(this.state.value)} + valid={valid} + aria-invalid={!valid} onChange={this.onChange} onFocus={this.onFocus} onBlur={this.onBlur} |