When the window width is adjusted, the width of the Button component also scales along with the container.

[uiexp]

Describe the bug
When the window width is adjusted, the width of the Button component also scales along with the container.

Affected platforms

• Desktop (Windows)

Versions

• Kotlin version*: 1.9.23
• Compose Multiplatform version*: 1.6.1
• OS version(s)* (required for Desktop and iOS issues): windows10
• OS architecture (x86 or arm64): x86
• Device (model or simulator for iOS issues): pc
• JDK (for desktop issues): 17.0.9

To Reproduce
Steps and/or the code snippet to reproduce the behavior:

fun main() = application {
    Window(
        onCloseRequest = ::exitApplication, title = "MultiDesk"
    ) {

        MaterialTheme {
            Surface(color = MaterialTheme.colors.background) {
                Row {
                    Button(onClick = {}) {
                        Text("test")
                    }
                    Button(onClick = {}) {
                        Text("test")
                    }
                }
            }

        }

    }
}

Adjust window width after running

[m-sasha]

Could you provide a screen recording and the full source code (include imports)? This doesn't reproduce on my Mac, but there's nothing here that is OS-specific.

Screen.Recording.2024-03-21.at.11.37.32.mp4

[uiexp]

I'm running on Windows 10. This is a video recording. I'll test on Mac later.

libs.versions.toml
[versions]
compose = "1.6.2"
compose-plugin = "1.6.1"
junit = "4.13.2"
kotlin = "1.9.23"

VID_20240322_115405.mp4

[changhexuefei]

The following is the performance of the above code on Windows 11.

20240322_172837.mp4

[m-sasha]

This is a problem at the level of skiko and seems to be the result of how we tell Windows to scale the contents of the window until we update the picture here.

There's no easy fix for this. We could tell Windows not to stretch the picture, but then you'd probably see black bars when resizing. The real fix would be to make sure we update the picture before the next screen refresh.

[uiexp]

This is a problem at the level of skiko and seems to be the result of how we tell Windows to scale the contents of the window until we update the picture here.

There's no easy fix for this. We could tell Windows not to stretch the picture, but then you'd probably see black bars when resizing. The real fix would be to make sure we update the picture before the next screen refresh.

Thank you for your answer. I hope it can be optimized!

[MatkovIvan]

Found issues about "black bars" instead of streaching - #2925
It's essentially the same, so let's track it there