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.
No description
No description
8 Replies
haritz
haritzOP2y ago
No description
haritz
haritzOP2y ago
Someone?
awcodes
awcodes2y ago
Sorry, what do you mean a custom widget inside a modal?
haritz
haritzOP2y ago
I have a fullcalendar widget inside the modal and I have that issue. When that widget is on a page, is fine
awcodes
awcodes2y ago
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
Parmod Kumar
Parmod Kumar3w ago
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
toeknee
toeknee3w ago
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.
Parmod Kumar
Parmod Kumar3w ago
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; }

Did you find this page helpful?