I got a weird one here. So when using an animation...
# decompose
I got a weird one here. So when using an animation with the
composable, it subtly breaks certain things. I don't have a minimal case repro yet, but let me explain:
Copy code
		modifier = modifier,
		stack = routerState,
		animation = stackAnimation { _, _, _ -> fade() },
	) {
		when (val child = it.instance) {
			is ProjectRoot.Destination.EditorDestination ->
				ProjectEditorUi(component = child.component, isWide = isWide, drawableKlass = drawableKlass)

			is ProjectRoot.Destination.NotesDestination -> {
				var textValue by remember { mutableStateOf("imagine this is enough text to make this scrollable") }
				// Try to scroll this textField with the middle mouse button on desktop after switching to it
					modifier = Modifier.fillMaxSize(),
					value = textValue,
					onValueChange = { textValue = it },

			is ProjectRoot.Destination.EncyclopediaDestination ->
So the middle one there, say it has enough text to be scrollable. When you switch to it and it plays the fade animation, then hover over it with your mouse and scroll it with your middle mouse button, you'll note it doesn't scroll.
Then just comment out the animation parameter to
and try again, see that it does scroll now.
I've seen this cause a separate but very similar problem where my state updates a lazy grid, but the UI doesn't actually update. If I resize the window, then it'll update.
In both cases the state is updating behind the scenes, but the recomposition isn't happening to actually show it
I don't see this happening on Android clients, so it's probably a compose desktop issue
I'm testing on Windows right now, i can try on a Linux box later and see if it's the same
Thanks, a reproducer would help here. Also maybe add
ya I'l try to get one put together tonight
doesn't need scrollable though, in fact it breaks TF's own built in scrolling if you add one