laravel-form-components icon indicating copy to clipboard operation
laravel-form-components copied to clipboard

Can I suggest a modification to x-form-submit

Open mrl22 opened this issue 3 years ago • 0 comments

Hello,

I would like to make a suggestion for a modification to x-form-submit which I would create a pull request for but I am not sure how this will work in anything other than Bootstrap.

If I have a form that has a file upload and I click submit (x-form-submit) before the file has finished uploading via livewire, the validation will fail as the file has not been uploaded.

Can I suggest that x-form-submit has wire:loading.attr="disabled" by default?

This will disable the submit button while livewire is processing.

In my use case I have done the following:

<x-form-input wire:model="cv" label="Upload Your CV *" type="file" name="cv" />
<div wire:loading wire:target="cv">
    Please wait, file is uploading...
</div>
<x-form-submit wire:loading.attr="disabled">Submit</x-form-submit>

I can not think of any instance where you would want someone to be able to click the submit button before livewire has finished updating the server.

mrl22 avatar Apr 08 '22 08:04 mrl22