Установить буэфы элемент на полную ширину

Question

Как я могу изменить элемент, чтобы заполнить ширину 100%?

Не могу найти никакой опции для этого, и я не могу применить правила css к элементу .dropdown-trigger.

Answer 1

Пример пера: https://codepen.io/Qumez/pen/RwPWeRV

Компонент b-dropdown выглядит как div.dropdown -> div[role="button"] -> button Таким образом, давая div и его дочерний div, и кнопку внука шириной всего 100%, я смог заставить компонент расширяться до полной ширины.

<div class="dropdown-box">
  <b-dropdown aria-role="list">
    <button class="button is-primary" slot="trigger">
      <span>Click me!</span>
      <b-icon icon="menu-down"></b-icon>
    </button>

     <!-- b-dropdown-items -->
  </b-dropdown>
</div>

.dropdown-box {
    border: 2px solid red;
    div, button {
        width: 100%;
    }
}