【这是bug吗？】HarmonyOS 鸿蒙Next子组件的样式影响了父组件的样式？？

@Entry
@Component
struct lifeComponent{
@State arr:string[] = [];
build() {
Column({space:20}){
Button(‘新增列表项’)
.onClick(()=>{
this.arr.push(listItem:${<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.arr.length})
})
ForEach(this.arr,(item:string)=>{
myText({name:item})
})
}
}
}

@Component
struct myText{
@Prop name:string
tag: string = ‘lifeComponent Page’
aboutToAppear(){
console.log(this.tag, ‘about to appear’)
}
onPageShow(){
console.log(this.tag, ‘on page show’)
}
onBackPress(){
console.log(this.tag, ‘on back press’)
}
onPageHide(){
console.log(this.tag, ‘on page hide’)
}
aboutToDisappear(){
console.log(this.tag, ‘about to disappear’)
}
build() {
Row(){
Text(this.name)
Button(‘删除’)
.width(100)
}
.width(‘100%’)
.justifyContent(FlexAlign.SpaceAround)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

代码如上所示

刚开始的效果如下所示：

当点击添加数组项的时候，这个button就居中了？

这是bug还是我用法有问题，望解答