[BUG] Reorder.Item transfrom Y is not working correctly when container height is changed

issue video

https://github.com/framer/motion/assets/49806316/78f81e24-2b3b-47db-9b82-97f3394a5c64

.
.

Reorder.Item /> style when bug occurs

.
.

<Reorder.Group
  axis="x"
  values={selectData}
  onReorder={(newOrder) => {
    onChange(newOrder)
  }}
  className=""
>
  {selectData.map((data, index: number) => {
    return (
      <Reorder.Item
          ref={ref}
          key={index}
          value={data}
          className="cursor-pointer"
      >
          <li
            key={key}
            className="..."
          >
            {data}
          <button
            className="..."
            onClick={() => {
              onClick(data);
            }}
          >
              <CloseIcon className="..." />
          </button>
        </li>
      </Reorder.Item>
      );
  })}
</Reorder.Group>

.
.
I tried to many way to solve problem like onAnimationEnd props, onMouseUp props, useMotionValue and
useRef ...

FYI, transformTemplate is solution. but not exactly. because It looked as if the x-axis movement animation was being omitted.

i think this issue occurred only in changeable containers

i want to fixed transform Y to 0

how can i solve it?

Start by reproducing the behavior with the provided Reorder.Group and Reorder.Item example while changing the container height, then trace the Reorder.Item transform and layout-animation entry points. Done means the Y transform remains 0 during container-height changes while the X-axis reorder animation still runs correctly.