IOS 26 Beta, Unexpected Liquid Navigation Bar Blured the whole View

I use .scaleEffect(x: 1, y: -1, anchor: .center) to reverse the messages list, so that the latest message always at the bottom.

This is correct in ios18, but blurred the whole view in ios26.

Complete code:

ScrollView { Rectangle() .fill(.clear) .frame(height: 10)

                // if messages.isEmpty {
                //     MessagesEmpty()
                //         .padding(.horizontal, 10)
                //         .scaleEffect(x: 1, y: -1, anchor: .center)
                // }
                
                MessageInput(chat: chat)
                    .padding(.horizontal, 10)
                    .scaleEffect(x: 1, y: -1, anchor: .center).id("#messag-input-identifier")
                
                LazyVStack(spacing: 10) {
                    ForEach(messages) { (message: Message) in
                        MessageItem(message: message,
                                    activation: $activeMessageId,
                                    audioAdapter: AudioAdapter.shared).id(message.id)
                    }
                    .padding(.horizontal, 10)
                    .scaleEffect(x: 1, y: -1, anchor: .center)
                }
                
                Rectangle()
                    .fill(.clear)
                    .frame(height: 20)
            }
            .scaleEffect(x: 1, y: -1, anchor: .center) 

As shown in the screenshot WechatIMG49.jpg(using ios26beta which is incorrect), WechatIMG50.jpg(using ios18 which is correct) my messages list displays normally on iOS 18, but when using iOS 26 Beta, the entire view is blurred.

IOS 26 Beta(Error):

IOS 18(Correct):