[LiveComponent] Returning `TurboStreamResponse` after form submit does not work

[FluffyDiscord]

 #[LiveAction]
    public function sendForm(): Response
    {
        $this->submitForm();

        ... do whatever

        return (new TurboStreamResponse())->replace('my_test_container', '<b>Not working!</b>');
    }

This is not working. Is this intentional? I tried this on two different projects, none of them worked.

My use case:
I have element on page with some info that has inside it live component with form with user rating, and I want to replace that element to show fresh information, and hide user rating.

[rvmourik]

#[LiveAction]
public function sendForm(): Response
{
$this->submitForm();

    ... do whatever

    return (new TurboStreamResponse())->replace('my_test_container', '<b>Not working!</b>');
}

This is not working. Is this intentional? I tried this on two different projects, none of them worked.

My use case: I have element on page with some info that has inside it live component with form with user rating, and I want to replace that element to show fresh information, and hide user rating.

This is not possible with a LiveComponent, because the response of the live action will be used to replace/morph with the DOM. If you want to achieve something like this, an option could be to make the other element on your page also a live component. And emit an event from the component after saving the rating, the element that needs to be updated listens to that event and processed the update.

https://symfony.com/bundles/ux-live-component/current/index.html#communication-between-components-emitting-events

[FluffyDiscord]

Yes, I ended up doing exactly that. Could this be considered as feature request then?

[rvmourik]

Yes, I ended up doing exactly that. Could this be considered as feature request then?

I don't know, maybe @Kocal or @smnandre know this.

[florentdestremau]

Same exact issue on my side, but with a turbo-frame. If I have a LiveComponent form inside a turbo-frame, the redirect on submit success ignores the turbo-frame. My current workaround is to submit outside the live component in my form controller, using the LiveComponent purely on the front-end side, but submitting via "classic" http POST to my controller