What seems to be the problem:
When uploading an image and making use of temporary file uploads, my image shows with a title field, but every time I update the image title, it reloads the image. Is there a way to not reload the image when entering a title. Wire:ignore and wire:ignore.self doesn’t work in this case because then I am not able to show the uploaded image or the second uploaded image in the case where a user chooses a different image to upload.
Is there anyway to prevent livewire from reloading elements on the page when entering a title, and to only update the title?
Any help or direction would be greatly appreciated!
Steps to Reproduce:
@if($image)
<div class="image-input-wrapper" style="background-image: url( {{ $image->temporaryUrl() }}); width: 270px; height: 200px;"></div>
@else
<div class="image-input-wrapper" style="background-image: url({{ asset('/assets/media/users/default.png') }}); width: 270px; height: 200px;"></div>
@endif
Are you using the latest version of Livewire:
Yes
Do you have any screenshots or code examples: