Выпадающее меню Force всегда остается внизу - PullRequest
Новая
       40

Выпадающее меню Force всегда остается внизу

0 голосов
/ 16 октября 2019

Я использую последнюю версию реакции-начальной загрузки (Bootstrap 4.3). И я хотел, чтобы выпадающее меню всегда было внизу. Но это не сработало.

В соответствии с раскрывающимся меню Force Bootstrap, которое всегда отображается внизу и позволяет ему выйти за пределы экрана. ответ. Я пытался настроить отображение данных, а также с данными. -flip, но также пытаясь с обоими, это не сработало. 

<Dropdown drop="down">
  <Dropdown.Toggle data-flip="false" data-display="static" id="dropdown-basic">
    Dropdown
  </Dropdown.Toggle>

  <Dropdown.Menu>
    <Form>
      <Form.Group controlId="exampleForm.ControlInput1">
        <Form.Label>Email address</Form.Label>
        <Form.Control type="email" placeholder="name@example.com" />
      </Form.Group>
      <Form.Group controlId="exampleForm.ControlSelect1">
        <Form.Label>Example select</Form.Label>
        <Form.Control as="select">
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </Form.Control>
      </Form.Group>
      <Form.Group controlId="exampleForm.ControlSelect2">
        <Form.Label>Example multiple select</Form.Label>
        <Form.Control as="select" multiple>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </Form.Control>
      </Form.Group>
      <Form.Group controlId="exampleForm.ControlTextarea1">
        <Form.Label>Example textarea</Form.Label>
        <Form.Control as="textarea" rows="3" />
      </Form.Group>
    </Form>
  </Dropdown.Menu>
</Dropdown>

Я вижу, что отображение данных установлено там, где класс элемента равен dropdown-menu. Но почему это не работает? Он переходит в верхнюю часть при изменении размера окна. Я не хочу переопределять transform, потому что ширина выпадающего меню будет установлена ​​в динамической ширине.

...