Adding a loading indicator to the edit modal

[ryanmortier]

trafficstars

What happened?

I'm trying to add a loading indicator to the edit modal submit button but running into issues. Wondering if you know how to fix this?

I added a wire:target attribute to the edit modal submit button but as you can see in the screenshot below, it's not aligned to the cancel button for some reason when the indicator is shown. Is this an issue with the view or am I adding the indicator wrong?

<x-filament::button type="submit" wire:target="editModalFormSubmitted">
    {{ $this->getEditModalSaveButtonLabel() }}
</x-filament::button>

How to reproduce the bug

Add wire:target to submit button on edit modal view.

Package Version

2.8

PHP Version

8.2

Laravel Version

11.21

Which operating systems does with happen with?

macOS

Which browsers does with happen with?

Chrome

Notes

No response

[mokhosh]

I can confirm this issue is there. I will hopefully fix this for v3.

Meanwhile you can wrap the two buttons in a div like this:

<div class="flex items-end gap-2">
...
</div>