Html Tailwindcss&；阿尔皮涅斯过渡问题

我正在尝试学习Tailwind CSS和AlpineJs，我正在测试元素转换动画，目标是元素的高度。然而，有两个问题

我看不到过渡动画

当元素显示/隐藏时，页面向上滚动

有人能帮我理解或解决这个问题吗？代码如下：

我的同僚们都是精英。建筑设计师ipsum suscipit，他是一名普通的工人，他是一名职业退休人员。性骚扰，坐着。万岁，万岁！
这是为了添加项目。
取消
新增

好的，那么

我用了

x-show.transition

将按钮置于元件之前