В SemanticUI Form.Input электронной почты и телефона добавлен атрибут aria-invalid - PullRequest
Новая
       29

В SemanticUI Form.Input электронной почты и телефона добавлен атрибут aria-invalid

0 голосов
/ 06 марта 2020

Я обновляю основную c форму, в которой все входные данные имеют тип «текст», чтобы у них были установлены правильные атрибуты type, когда это для электронной почты, type="email", и когда это для телефона число, type="tel".

React Component: 

    <Form.Input
      disabled={disabled ? true : false}
      id={field.name}
      placeholder={formattedName(field.name) || undefined}
      value={values[field.name]}
      onChange={handleChange}
      onBlur={showErrors ? validate : undefined}
      error={showErrors ? errors[field.name] : null}
      required={required || undefined}
      label={formattedName(field.name) || undefined}
      type="email"
    />

Однако, похоже, в результате HTML добавляется атрибут aria-invalid=true: 

<div class="disabled required field">
  <label for="email">Email</label>
  <div class="ui disabled input">
    <input **aria-invalid="true"** placeholder="Email" required="" id="email" disabled="" type="email" tabindex="-1" value="plucks@gospotcheck.com">
  </div>
</div>

Почему SemanticUI делает это ? Если бы я использовал простой <Input />, это нормально, но я бы не стал go таким образом.

1 Ответ

0 голосов
/ 07 марта 2020

в 1 репо у нас есть вышеуказанный код ошибки: error={showErrors ? errors[field.name] : null}, который я скопировал в новое репо. Однако, похоже, что null не делает его счастливым, поэтому я изменил на error={showErrors ? errors[field.name] : undefined}

...