Можно ли растянуть кнопку на всю высоту блока?

Question

[devfior]

У меня есть кастомный блок с кнопкой слева и другим содержимым . Когда я добавляю более двух айтемов, кнопка не растягивается по высоте (подробности можно увидеть в коде и песочнице)

<Button iconOnly className="input__button" type="primary">
    <HomeOutlined />
</Button>

Я попытался вручную установить высоту 100% для кнопки, но это не сработало. Я читал, что я могу применить параметр 100vh для этого случая, но это будет так долго для этого ввода. поэтому невозможно установить какое-то статическое значение для высоты, потому что в этом пользовательском вводе будет много значков. Мне нужно сделать эту кнопку гибкой по высоте с точки зрения того, когда я хочу добавить много элементов

https://codesandbox.io/s/charming-bartik-4ll0cl?fi...

Comments

[Ankhena]

Уберите align-items: center; у родителя.
Либо используйте нужный align-self для кнопки.

[devfior]

Ankhena, в  сэндбоксе это почему-то работает, а при переносе к себе, кнопка просто кверху встает, не могу понять, с чем это связано

[Ankhena]

devfior, инструменты разработчика в помощь либо обновляйте песочницу.
Думаю, что пока обновляете, найдете в чем разница.