Widget not rendering well on modal
I'm facing a weird error that I do not uderstand. I included the widget on a blade file like it says on the documentation. I have included inside a modal but when I open it, the widgets is not rendering well. If I resize the screen, it renders well. I added the widget on a normal blade page and loads well. I tried to separate and use 2 blades but I had all in one in the past and I had the same error.
If I add the widget on the first image page, it renders well. I have also acustom theme, I do not know if that might be the problem.


8 Replies

Someone?
Sorry, what do you mean a custom widget inside a modal?
I have a fullcalendar widget inside the modal and I have that issue. When that widget is on a page, is fine
So, is this a filament issue or a full calendar plugin issue?
If you’re using the full calendar plugin you should probably ask on that channel. #saade-fullcalendar
i have got same issue .when i open view attendance model first time after page load its working fine. but open modal second time after close not working. component/filament-fullcalendar-alpine.js #saade-fullcalendar not load in second time
It will be because of the modal, you will need to ensure the JS is added to page if you want it to fully work in a modal since when the modal is refreshed the JS isn't re-run.
I think a JavaScript conflict is affecting the calendar height. To resolve the issue on my end, I have forcibly updated the CSS.
.filament-fullcalendar .fc-view-harness.fc-view-harness-active{
height: 593px !important;
min-height: 100%;
max-height: 100vh;
}