Popup

[Guocork]

2025-04-23.12-14-29.webm

[alanpoon]

I've simplified your code. https://gist.github.com/alanpoon/be43c184ee90bec5992148d5b132fc5e

[alanpoon]

for (live_file) in cx .live_registry .clone() .borrow_mut() .live_files.iter_mut() { for live_node in &mut live_file.expanded.nodes { if live_node.id.to_string() == "duration" { live_node.value = LiveValue::Float64(9.0); } } }

I've found a way to dynamically update the animation's duration. You find the correct liveId and the correct condition to compute and update the required height.

[Guocork]

To test the component effects, I added two triggers — one when logging in, and another when sending a message in a room — both will trigger a popup.

[alanpoon]

https://gist.github.com/alanpoon/be43c184ee90bec5992148d5b132fc5e

Added:

1. live duration
2. VecQueue closure for the popup notification
3. event.hits_with_capture_overload

Screen.Recording.2025-04-29.at.5.02.04.PM.mov

You need to

1. support Long text in your notifications, using text wrap.
2. You removed, if self.opened { let _ = self.content.draw_all(cx, scope); } You need to think of ways to optimize the draw_walk and handle_event function when the popup is idle.

[Guocork]

@alanpoon This method can set the value in the node, but when I change the value of duration, the animation doesn't play according to the new setting. That's weird. I'm guessing the animation value might have already been set before I made the change.