Reactive style="" overwrites style:foo.

[zakstucke]

Describe the bug
Discovered during #3119. style="" and style:foo conflict and overwrite eachother.

Leptos Dependencies
Current main

To Reproduce

#[component]
pub fn App() -> impl IntoView {
    let condition = RwSignal::new(true);
    view! {
        <button
            style=move || if condition.get() { "color: red" } else { "" }
            style:background="transparent"
            on:click=move |_| condition.update(|last| *last = !*last)
        >
            "Button"
        </button>
    }
}

Screen.Recording.2024-10-21.at.18.54.25.mov

[gbj]

This is WAD. Updating the style overwrites the entire style attribute, which will include overwriting any individual styles you've set. There isn't a way around this without expensive runtime checks -- the framework has always worked this way for style: and class: vs style and class.

[zakstucke]

Noted, thanks!