FileUpload on custom Livewire page won't render properly

Hey,  I am trying to create a custom page to upload suggestions. You should be able to upload multiple files for their suggestions, and here is the Problem. As soon as someone uploads one or multiple files, the FileUpload warps and doesn't render properly (see attached picture). I have already tried to add the @filamentStzles @filamentScripts calls, but when I use them, the default values won't be filled, and I can't send the form :/ Do you have any suggestions on what I could try?
No description
Solution:
Hey, I fixed the problem. Apparently something went wrong with the upgrade from Filament v2 to Filament v3 I created the entire Project with Filament v3 and the render problem is gone....
Jump to solution
10 Replies
jigsaw
jigsaw2w ago
have you run
npm run build && npm run dev
npm run build && npm run dev
?
UmbraMilites
UmbraMilites2w ago
No I haven't. I thought you don't have to run those commands because it is built with the Filament Form But I will try, sorry for the late response It didn't fix it, still looks like the screenshot above
jigsaw
jigsaw2w ago
could you provide a demo repo?
UmbraMilites
UmbraMilites2w ago
I am not sure how to create one But I think I can't do that Do you need some code Snippets?
toeknee
toeknee2w ago
php artisan filament:upgrade And no you have to run it as part of the deploy script.
UmbraMilites
UmbraMilites2w ago
Still not better, looks like the Screenshot
toeknee
toeknee2w ago
Please create a repo where were can download and install it to re-create it.
UmbraMilites
UmbraMilites2w ago
The problem is that the project is for a company and I have to talk to my superior, if I am allowed to do that Can this post stay open until I discussed it with my superior? He would be back tomorrow
toeknee
toeknee2w ago
Of course, all you have to do is create a new basic project which only contains the livewire page which won't render properly
Solution
UmbraMilites
UmbraMilites4d ago
Hey, I fixed the problem. Apparently something went wrong with the upgrade from Filament v2 to Filament v3 I created the entire Project with Filament v3 and the render problem is gone.
Want results from more Discord servers?
Add your server