Style display error when the style component specifies the ID

[luoxiaozero]

Describe the bug

When the style component specified the ID, there was a problem with the style display after the page was jumped.

Leptos Dependencies

For example:

leptos = { version = "0.5.2", features = ["csr"] }
leptos_meta = { version = "0.5.2", features = ["csr"] }
leptos_router = { version = "0.5.2", features = ["csr"] }

use leptos::*;
use leptos_meta::*;
use leptos_router::*;

#[component]
pub fn App() -> impl IntoView {
    provide_meta_context();
    view! {
        <Router>
            <Routes>
                <Route path="/" view=Home/>
                <Route path="/apple" view=Apple/>
            </Routes>
        </Router>
    }
}

#[component]
pub fn Home() -> impl IntoView {
    let navigate = use_navigate();

    let on_click = move |_| {
        navigate("/apple", Default::default());
    };
    view! {
        <button on:click=on_click>
            <Style id="red">
                "button { color: red }"
            </Style>
            "goto apple page"
        </button>
    }
}

#[component]
fn Apple() -> impl IntoView {
    let navigate = use_navigate();

    let on_click = move |_| {
        navigate("/", Default::default());
    };
    view! {
        <button on:click=on_click>
            <Style id="red">
                "button { color: red }"
            </Style>
            "goto home page"
        </button>
    }
}

fn main() {
    leptos::mount_to_body(App)
}

To Reproduce
Steps to reproduce the behavior:

Click the button repeatedly to jump to the page, and the font color is once red and once black.

Expected behavior
A clear and concise description of what you expected to happen.

The font is always red.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

leptos/router/src/components/routes.rs

Line 488 in 061213c

drop(std::mem::replace(

root.as_ref().map(|route| {
      let (outlet, disposer) = outlet((*route).clone());
      drop(std::mem::replace(
              &mut *root_disposer.borrow_mut(),
               Some(disposer),
      ));
      outlet
})

You should take the last disposer and drop it before executing the outlet function.

[luoxiaozero]

leptos/router/src/components/outlet.rs

Line 56 in 061213c

let (outlet, disposer) = build_outlet(child);

There are also problems.

[gbj]

Thank you for the bug report, and especially for identifying the issue! That is very helpful. I believe PR #2071 addresses both of your points, but please let me know if it does not fix the issue for you.