graphicsLayer render resolution slower towards bottom of screen

[mgroth0]

Describe the bug

When using graphicsLayer (or clip, which uses graphicsLayer) the shape is rendered with a lower resolution as it moves down the screen. In other words, if you have a column of the same shape drawn the same way from the top to the bottom of the screen, the shape is rendered perfectly smooth at the top of the screen and very pixelated at the bottom.

Affected platforms Desktop (macOS)

Versions

• Libraries:
  • Compose Multiplatform version: 1.6.11
• Kotlin version: 2.0.0-RC1
• OS version(s) (required for Desktop and iOS issues): MacOS 14.5
• OS architecture (x86 or arm64): arm64
• JDK (for desktop issues): 20

To Reproduce

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.GenericShape
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.Window
import androidx.compose.ui.window.application

fun main() {
    val triangle =
        GenericShape { size, _ ->
            moveTo(
                x = 0f,
                y = 0f
            )
            lineTo(
                x = size.width,
                y = size.height / 2
            )
            lineTo(
                x = 0f,
                y = size.height
            )
            close()
        }
    application {
        Window(onCloseRequest = ::exitApplication) {
            Row {
                Column {
                    repeat(100) {
                        Box(
                            modifier =
                                Modifier
                                    .clip(triangle)
                                    .background(Color.Black)
                                    .size(25.dp)
                        )
                    }
                }
            }
        }
    }
}

Expected behavior

Resolution should not change relative to the y value within a single screen.

Screenshots

This image was taken on a vertical 4k monitor. The code is above, in the reproduction section.

[mgroth0]

Hey @MatkovIvan , just checking in. I noticed that many of the issues on this repo were automatically moved to YouTrack. However, this one wasn't. What is the current status of this, and will it be moved to YouTrack?

[MatkovIvan]

The cause of the issue is not clear, it requires more detailed investigation.

For the moving to YT - it's kind of in progress (script issues + delays because of vacations), all the issues will be moved

[okushnikov]

Please check the following ticket on YouTrack for follow-ups to this issue. GitHub issues will be closed in the coming weeks.