Переход работает через некоторое время до перехода div мгновенно расширяется, но в середине расширения происходит переход

#javascript #html #css

Вопрос:

 .editor-container {
  flex-grow: 1;
  transition: flex-grow 1s;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background-color: hsl(225, 6%, 25%);
}
.collapsed {
  flex-grow: 0;
  /* transition: flex-grow 1s; */
}

**flex-grow: 1;
 transition: flex-grow 1s;
 

Здесь, когда свойство flex grow становится нулевым, переход работает нормально, но когда свойство flex-grow становится единым, переход происходит после некоторой задержки, он немедленно расширяется до определенной ширины, затем происходит переход**

Комментарии:

1. Не могли бы вы предоставить фрагмент кода ?