Почему мое раскрывающееся меню в моем компоненте расширяется вверх, а не вниз? ⇐ CSS

[Anonymous]

Описание:
Я работаю над раскрывающимся меню в своем компоненте React. Когда я щелкаю элемент списка, чтобы развернуть раскрывающееся меню, оно расширяется вверх, а не вниз, как ожидалось. Я хочу, чтобы раскрывающийся список плавно расширялся вниз без какого-либо неожиданного движения вверх.
Проблема:
При нажатии на элемент раскрывающегося списка подменю неожиданно расширяется вверх. вместо того, чтобы расширяться вниз. Это нежелательное поведение, и я хотел бы исправить его, чтобы раскрывающийся список плавно открывался вниз.
Что я пробовал:
Я пробовал настроить свойства CSS, такие как переполнение, максимальная высота и положение, но не нашел решения, предотвращающего расширение вверх.
Может ли кто-нибудь помочь мне понять, как сделать раскрывающийся список правильно раскрывается вниз?
{open && (

• {Journal}
  {journal && (
• Lorem
• Ipsum
• Dolor

)}

[*]{Community}
{community && (

• Lorem
• Ipsum
• Dolor

)}




Подробнее здесь: https://stackoverflow.com/questions/792 ... -component