svg <animate> always starts playing immediately

[Madoshakalaka]

Problem
<animate> tags in svg should be able to control the start timing of the animation by setting the begin attribute. However, in Yew, the animation will always starts playing immediately. (it will play again if begin is set to some time)

Minimal Reproducible Code

#[function_component(App)]
pub fn app() -> Html {
    html! {
        <main>
            <svg width="100" height="100">
                <rect width="100" height="100" fill="black" >
                    <animate attributeName="fill" from="white" to="black" dur="1s" begin="3s" />
                </rect>
            </svg>

        </main>
    }
}

Expected behavior
The flash of white should only play once, at the 3 second mark. However, it plays at the beginning, and plays at the 3s mark.
In fact, no matter what you set begin to (even "indefinite") it will always play at the beginning.

Screenshots

Kooha-2024-10-30-06-44-36.mp4

Environment:

• Yew version: 0.21
• Browser: Chrome

[Madoshakalaka]

I notice the default begin value is "0s", does yew somehow render the animate tag first without the attribute, triggering the animation and then add the attribute in a second render?