Bumping this, as it reproduces with a template Hello World CfD project (attached). If you (understandably) don't want to run a stranger's exe, just 1. grab the jre (it's standard java 7), 2. create a new CfD project (I used JDK 16 for the build and target), 3. create a distributable for it 4. and place the jre next to

../HelloWorld.exe

, then try to launch the exe. It doesn't launch. Move the jre, and it will launch. CfD bug or some expected interaction?

Where can I configure the hover colors that Jetpack Compose for the hover effect that Compose for Desktop automatically adds once a element is clickable?

Here is my code that uses JCEF to show an embedded web browser in CfD Usage: https://github.com/davidwhitman/SMOL/blob/dev/App/main/kotlin/smol_app/browser/ModBrowser.kt#L372> Browser: https://github.com/davidwhitman/SMOL/blob/dev/App/main/kotlin/smol_app/browser/chromium/CefBrowserPanel.kt Gradle: https://github.com/davidwhitman/SMOL/blob/dev/App/build.gradle.kts#L125 JCEF: https://github.com/davidwhitman/SMOL/tree/dev/App/libs/jcef-v1.0.18 • It's 200mb. Yeah. • The browser randomly goes white and the only fix I've found it restarting the application. • The browser is on top of the rest of the application, due to this Compose bug: https://github.com/JetBrains/compose-jb/issues/1087 • This setup is Windows-only, Unix is left as an exercise for the reader. So, this is far from an ideal solution, but it is one. Incidentally, if someone has a better solution for a webview, I'd love to hear it. I tried JavaFX and found it buggy and even harder to use, although it was only ~75MB. It would be fantastic if there was a way to use webviews provided by the OS, eg https://docs.microsoft.com/en-us/microsoft-edge/webview2/, as currently my application comes in at 400MB, with less than 15 MB of that being my code and gradle dependencies; the rest is Compose runtime and JCEF.

Hi guys, is there a way to have only one instance of a Compose executable ? Also, how can I bring a window to the front if the app is already running ?

@David W That might be difficult. The reason JavaFX ships its own WebView is partly to ensure the rendering pathways are fully integrated with its own - the WebKit is actually "ported" to Java, if that makes sense.

so when WebKit thinks it's drawing to the screen it's actually calling back up into the JVM and rendering to the normal JavaFX rendering pipeline. Presumably an integration of JCEF and Compose would have to do something similar - might be easier though, as WebKit already uses Skia.

Just in case someone is interested. I’ll be giving a talk about Compose at the JavaLand conference on Tuesday 14.00h. https://www.javaland.eu/en/home/ The title is “Jetpack/Jetbrains Compose – The New UI Kid on the Block”. The talk will be in german though.

Any idea how to speed up the preview in Compose Desktop?

any documentation or examples on creating nice looking tables?

Hi All, i want to try building a simple desktop application which shows all the hardware details and i was wondering how would i go about it, using which Kotlin API

is it just me or does compose text on windows look blurry? Compared to the windows title in the titlebar the text looks awful. Is there a way to solve this? I'll try a few more fonts, but I suspect it doesn't matter what font I use the problem will exist.

Hello, Has anyone included Blockly or similar in a CfD program at all?

Does version 1.2 alpha consist of all of 1.1 plus new stuff, or is it based on some older branch? I.e. does e.g.

1.2.0-alpha01-dev646

contain bug-fixes the 1.1(.1) has?

Thank you @gildor

Hello, I wanted to ask if there is a way to observe "click plus mouse wheel" actions - like Ctrl + mouse wheel up for zooming in. Thank you very much

I am writing a test for a composable on desktop. I'm trying simulate a key event with this code:

myComposeTestRule.onNodeWithTag("b").performKeyPress(someKeyEvent)

And I have no idea how to create a KeyEvent. Maybe I have overlooked something, but I haven't found anything or an example showing how to do that. Any direction is appreciated, thank you :D

I’m trying to work around this bug: https://github.com/JetBrains/compose-jb/issues/1916 like so:

val scrollbarAdapter = rememberScrollbarAdapter(state)
// We check before adding it because VerticalScrollbar always stretches the containing box to fill the entire
// available space. Even if we add BoxScope.matchParentSize to its modifier.
if (showVerticalScrollbar && (scrollbarAdapter.maxScrollOffset(containerHeight) > 0)){
    VerticalScrollbar(
        adapter = scrollbarAdapter,
        reverseLayout = reverseLayout,
        modifier = Modifier.align(Alignment.CenterEnd)
    )
}

But due to the call to

maxScrollOffset

this keeps recomposing continuously, taking around 50% cpu time, and apparently even leaks memory, because eventually the app crashes on

OutOfMemoryError

Hi, I wanted to create a scrollable (both horizontally and vertically) table in Compose for Desktop. Since there is no ready-to-use Composable that I am aware of, I figured that a LazyColumn of LazyRows that have their ScrollState shared would suffice. However, on my machine, this code is very buggy:

@Composable
fun TableCell(
    text: String,
) {
    Text(
        text = text,
        Modifier
            .border(1.dp, Color.Black)
            .padding(8.dp)
    )
}

@Composable
fun tableView(
    headers: List<String>,
    rows: List<List<String>>,
    padding: Dp = 16.dp,
) {
    val scrollState = rememberLazyListState()
    val coroutineScope = rememberCoroutineScope()
    val draggableState = rememberDraggableState { delta ->
        coroutineScope.launch {
            scrollState.scrollBy(-delta)
        }
    }

    LazyColumn(Modifier.padding(padding)) {
        item {
            LazyRow(
                state = scrollState,
                modifier = Modifier.draggable(
                    orientation = Orientation.Horizontal,
                    state = draggableState
                )
            ) {
                for (column in headers) {
                    item {
                        TableCell(column)
                    }
                }
            }
        }
        for (row in rows) {
            item {
                LazyRow(
                    state = scrollState,
                    modifier = Modifier.draggable(
                        orientation = Orientation.Horizontal,
                        state = draggableState
                    )
                ) {
                    for (element in row) {
                        item {
                            TableCell(element)
                        }
                    }
                }
            }
        }
    }
}

fun main() = application {
    Window(onCloseRequest = ::exitApplication) {
        val oneToHundred = (0..100)
        tableView(
            oneToHundred.map(Int::toString),
            oneToHundred.map { oneToHundred.mapIndexed { i, _ -> "$i" }})
    }
}

The bug manifests itself when I try to drag over the "table". Only one of the rows gets correctly and smoothly dragged, while the rest of them stays still. This doesn't look very good. However, after scrolling vertically (sometimes I have to scroll to hide every row that was visible while I was dragging), the "table" correctly adjusts all of its rows to match the drag. I am not yet sure if that's just my machine playing tricks on me (I have a history of my hardware handling Compose incorrectly) or if that's a solution that's hacky enough that it will not just work smoothly. Can someone please comment on the above code in terms of its correctness (both in terms of functionality and philosophy of Compose)?

My compose for desktop application is kotlin-jvm only, not full kotlin-multiplatform. How can I build the application for multiple macOS targets? I want to build for both ARM64 (M1 / Apple Silicon) and Intel X86. I understand this will need multiple binaries produced and I’m happy with that, but I cannot figure out how to create the distributables/binaries for both architectures. Is it possible?

Any plans for

@Preview

support within library modules? Previews only seems to be working on android modules

Hi all! I'm loading SVGs in a Compose Desktop app on Windows, and although the SVG indeed loads, its text elements are showing in a generic font instead of the ones specified in the SVG file. Is it possible to render SVGs with specific fonts? The fonts I'm expecting are installed on my system, but I also don't mind referencing the font files programmatically if needed. Thanks!

I got obfuscation working with compose for desktop using the setup that @mcpiroman suggested here. That works pretty well. I also tried obfuscating the file names by hashing them. All of a sudden my code will run, but headlessly. There is no UI. The obfuscated code works if I don’t hash the file names. What’s strange is that the app also still works if I change the file names to something like

$fileName.min.jar

, but if I do

${hash(fileName).toHex()}.jar

I end up in headless mode for some reason. I’ve checked anything I can think of? Any theories that anyone can suggest?

Thoughts on my solar system simulation? The only thing I need is optimization, but well

Has anyone seen messages like this when trying to start a (very simple) desktop compose app ?

Caused by: java.lang.AbstractMethodError: Receiver class androidx.compose.compiler.plugins.kotlin.ComposeComponentRegistrar does not define or inherit an implementation of the resolved method 'abstract void registerProjectComponents(com.intellij.mock.MockProject, org.jetbrains.kotlin.config.CompilerConfiguration)' of interface org.jetbrains.kotlin.compiler.plugin.ComponentRegistrar.

versions are :

plugins {
    kotlin("jvm") version "1.6.10"
    id("org.jetbrains.compose") version "1.1.1"
}

I've tried all sorts of combinations of kotlin and compose versions, but with no joy. This error is when trying to run in IntelliJ

❗Hi, everyone ! I am currently running a series of interviews with Compose users, that are developing for desktop + Android. If you are willing to spend 30-40 mins on the interview, please, write me in DM K. No pre-requisitions needed ! Thank’s everyone in advance !

Hm unfortunately not helping. In general, what would be the correct approach to implement the functionality used in many e-mail clients (see attachment). TextField and Popup seems not to fit…

It would be great if someone could look into a memory leak issue here: https://github.com/JetBrains/compose-jb/issues/1969

On the latest dev builds of compose desktop (

1.2.0-alpha01-dev667

and so on), I routinely get this crash:

java.lang.NoSuchMethodError: <init>
	at org.jetbrains.skia.impl.Library._nAfterLoad(Native Method)
	at org.jetbrains.skia.impl.Library$Companion._nAfterLoad(Library.jvm.kt)
	at org.jetbrains.skiko.Library.load(Library.kt:66)
	at org.jetbrains.skia.impl.Library$Companion.staticLoad(Library.jvm.kt:12)
	at androidx.compose.ui.ConfigureSwingGlobalsForCompose_desktopKt.configureSwingGlobalsForCompose(ConfigureSwingGlobalsForCompose.desktop.kt:49)
	at androidx.compose.ui.ConfigureSwingGlobalsForCompose_desktopKt.configureSwingGlobalsForCompose$default(ConfigureSwingGlobalsForCompose.desktop.kt:38)
	at androidx.compose.ui.window.Application_desktopKt.application(Application.desktop.kt:110)
	at androidx.compose.ui.window.Application_desktopKt.application$default(Application.desktop.kt:105)

I can fix it with an explicit dependency on

implementation("org.jetbrains.skiko:skiko-awt-runtime-$target:$version")

But this is a bit difficult as

target

has to be resolved at runtime. I haven't been able to find a multiplatform compatible maven coordinate for that dependency. Is there one?

Hello guys, By any change have you had this kind of trouble setting up a desktopApp in a KMM project?

modifier = Modifier
    .fillMaxWidth()
    .drawWithCache {
        val gradient = Brush.horizontalGradient(colors = listOf(Color.DarkGray, Color.Transparent, Color.DarkGray))
        onDrawWithContent {
            drawContent()
            drawRect(
                brush = gradient,
                size = size,
                blendMode = BlendMode.Darken
            )
        }
    }

In the preview this is rendered correctly, when running the app it’s not, it only draws the Rect “ignoring” the composable in the background. Any idea? 🤔