Как сделать выпадающий сверху аккордеон

Question

Я использую модуль ngx-accordion, чтобы показать вот так

Теперь, когда я нажимаю на кнопку с раскрывающимся списком деталей, открывается вид

Гармошка регулирует свою высоту в соответствии с раскрывающимся списком.Но я хочу, чтобы выпадающий список был поверх аккордеона, а не внутри.

Answer 1

Я не использую ngx-bootstrap , но в некоторых похожих библиотеках вы можете использовать опцию appendToBody для решения таких ошибок.

Для ngx-bootstrap вы можете найти пример здесь :

<div class="btn-group" dropdown container="body">
  <button id="button-container" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
          aria-controls="dropdown-container">
    Dropdown on Body <span class="caret"></span>
  </button>
  <ul id="dropdown-container" *dropdownMenu class="dropdown-menu"
      role="menu" aria-labelledby="button-container">
    <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
    <li class="divider dropdown-divider"></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
    </li>
  </ul>
</div>

Ключевым моментом является добавление container="body" к вашему раскрывающемуся списку.