Input silently ignores update

[blset]

This component works on full page reload but not on navigation

But there is something with Input because if I change it by bare input, it works on navigation.

the component is a sort of autocomplete.

#[component]
fn AssocierActivite( activite_id: Option<i32>, activite: Option<String>, ccn: Option<String>) -> impl IntoView {

    use super::server::list_activites;
   // use super::models::ActiviteForEntreprise;

    let (aid, set_aid) = signal(activite_id);
    let (act, set_act) = signal(activite.unwrap_or("Aucune activité précisée".to_string()));

    let (frag, set_frag) = signal(String::new());

    let open = RwSignal::new(false);
    let suggestions = Resource::new(
        move || frag.get(),
        move |value| {
            leptos::logging::debug_log!("frag {}", value);
           async move {
               list_activites(value, None).await

        }}
    );


    view! {
        <div class="flex flex-col relative">
            <input name="activite_id" prop:value=move || aid.get().map(|v| v.to_string()) />
            <InputGroup>
                <input  <------ works with bare input but not with Input except on full page reload
                    placeholder="changer d'activité..."
                    on:input=move |ev| {
                        open.set(true);
                        web_sys::console::log_1(&"INPUT FIRED".into());
                        set_frag.set(event_target_value(&ev));
                    }
                />
                <InputGroupAddon align="block-start" class="font-bold text-indicateurs">
                    {move || act.get()}
                </InputGroupAddon>

            </InputGroup>

see also
https://discord.com/channels/1031524867910148188/1500469136898134126/1500469136898134126

[adoyle0]

I replied on discord, but for the record: this sounds similar to this issue i opened which prompted to me to change how inputs handle value signals internally, I think you've found the same issue but from a different angle, you're actually going around the Input and trying to handle the value manually which is causing conflicts.

Two options for this code are:

1. Use a shared RwSignal that the resource watches, and pass it to the input via value=input like:

let input = RwSignal::new(String::new());
let suggestions = Resource::new(
    move || input.get(),
...

<Input value=input />

2. Do it manually like you kind of are doing, but add classes to your input for styling, for example: <input class="singlestage-input">

Inside an InputGroup you would also need to add singlestage-input-group-input and singlestage-input-group-control classes

Input expects to couple to a RwSignal and should react to changes to the signal, and also update the signal on input events. Also note that option 2 is somewhat of a workaround and may change slightly with the release of 0.5 (sorry) but from that point onward it shouldn't change again.