When this library is being used together with https://suid.io/, all material styles are lost on exit transition, because the <style> element in the <head> gets removed when the exit transition starts. Seems like SUID is cleaning house when it thinks the styled element is no longer in the dom (while it still is because of the ongoing transition).
Here's an example snippet. The described behavior happens when removing a message, which triggers the exit animation:
<TransitionGroup name="slide-fade">
<For each={messages()}>
{(message) =>
<Paper onClick={() => messageClicked(message)}>
<Typography>{message.text}</Typography>
</Paper>
}
</For>
</TransitionGroup>
When this library is being used together with https://suid.io/, all material styles are lost on exit transition, because the
<style>element in the<head>gets removed when the exit transition starts. Seems like SUID is cleaning house when it thinks the styled element is no longer in the dom (while it still is because of the ongoing transition).Here's an example snippet. The described behavior happens when removing a message, which triggers the exit animation: