:wave: Hello everyone! Is there a way to make `SwingPanel` rendered behind another composable? I've...

# compose-desktop

[Ardian]

👋 Hello everyone!

Is there a way to make SwingPanel rendered behind another composable? I've tried using the Box layout to wrap SwingPanel with the other composable but it seems like it always displays SwingPanel on top of the other.

Box {
  SwingPanel { //logic here }
  Image { //logic here }
}

[Kirill Grouchnikov]

It's an interesting interoperability question. My understanding (and happy to hear from JB people otherwise) is that everything at Compose level is rendered as a single Skia-powered canvas. If this is correct, then a Button is not a traditional Swing component in a sense. And then, how can one interleave multiple `SwingPanel`s in that virtual hierarchy? Including translucency, event handling, etc.

[Erlan Amanatov]

You can use z index Modifier in Box to control "elevation"

[Erlan Amanatov]

Looks like it's i bug
https://github.com/JetBrains/compose-jb/issues/221

[olonho]

@Roman Sedaikin [JB] wdyt?

[Roman Sedaikin [JB]]

The SwingPanel is the scope that will host the java.awt.Component. It's important to understand that the Compose layer is a java.awt.Canvas that renders all the composable components, so the AWT components are at the top. For now, I would recommend building a user interface based on this information.

[Ardian]

@Erlan Amanatov oh ok, I'll look into it