CreateAction modal not working when TableComponent is used inside a view inside a resource in Edit
Ok, I haven't enough space into the title 🤦♂️ .
In the scenario, I needed to make a "table-like" component using View component to get the livewire component. In this case, when I use the livewire component without being into a resource Action it works perfectly (it means, it can open the modal), howeven when I use the livewire component inside View::make(), it doesn't work.
Image as a resource of what i'm making, gist with the livewire component here:
https://gist.github.com/alvleont/bfb4c315f7196eb1dc0aad94226574cb
Gist
PatientConditionesManage.php
PatientConditionesManage.php. GitHub Gist: instantly share code, notes, and snippets.
3 Replies
UPDATE:
It is kinda not working for the first table Component (I mean the one in the "Antecedentes" section), the others are OK.
Thing is, those three are the same table Component, but it seems the error is not in the component because the same thing happens with diferent table components.
yeah its not anything we can fix
there is a reason why we dont have a Table form component
thats because browsers doesnt allow <form> elements to be nested, and in your case the modal is a nested form
in livewire v3 we might be able go add this feature using wire:teleport, but until then its not possible
Ok, you gave an idea of how to solve it for my purpose and It's using a Page component. Also according to this (the forms html situation), sending all the modals to another part of the code (maybe a component that stores modal form 😅 ) should work. Will try both.
Thanks 😅