Валидация для элементов Select React-Bootstrap выровнена неправильно - PullRequest
Новая
       7

Валидация для элементов Select React-Bootstrap выровнена неправильно

0 голосов
/ 22 февраля 2019

Я использую React-Bootstrap (примечание: мы находимся на относительно новой версии 1.0.0!)

Я могу довольно неплохо добавить проверку в мои формы, но она не очень хорошо работает с Selectвыпадающие списки:

enter image description here

Как это исправить? Это единственный вариант, чтобы выяснить, что такое руководство CSSналожить на элементы управления, чтобы переместить иконки проверки?

Код: 

  <Form validated>
    <Form.Group>
      <Form.Label>Text Input</Form.Label>
      <Form.Control required type="text" value="foo"/>
    </Form.Group>
    <Form.Group>
      <Form.Label>Invalid Dropdown Input</Form.Label>
      <Form.Control required as="select" value={''}>
        <option key={'empty'} value={''}>...</option>
        <option key={'1'} value={'1'}>1</option>
        <option key={'2'} value={'2'}>2</option>
      </Form.Control>
    </Form.Group>
    <Form.Group>
      <Form.Label>Valid Dropdown Input</Form.Label>
      <Form.Control required as="select" value={'2'}>
        <option key={'empty'} value={''}>...</option>
        <option key={'1'} value={'1'}>1</option>
        <option key={'2'} value={'2'}>2</option>
      </Form.Control>
    </Form.Group>
  </Form>
...