Strange black flash... 😕
I have a simple Laravel 10 (with Jetstream/Livewire) app. I'm using Filament tables.
I have noticed that when I refresh or click through to different pages that there's an odd black flash that takes place before the page contents are displayed.
I have removed the
@livewire(...) line from the blade files for the pages that calls the filament table component and the black flash goes away.
I'm wondering if anyone knows what this might be. 🤔9 Replies
do you have x-cloak styling set up
I doubt it. I'm not sure what it is. Do you have a link?
I'll look....
its in all of our installation guides
Ah...I'm finding related stuff finally...flashing and what not.
Yes...I figured it was either a filament thing or a livewire thing...didn't realize it was alpine.
Interesting...I see it, but I am quite certain I've gone through step-by-step to make sure that I've done each step along the way. I even comment on the additions/changes/etc in my code to know what's added/changed/etc...and why. Helps me to learn.
But, let me look and see how I could have missed this. It's in a big block of code in the installation docs, so I don't see how it could have been skipped.
Oh...maybe because I just did the vite part and stopped when the mix part started...
No...that can't be.
Anyway, I apologize. I thought that I'd gone through these all, and it seems I missed at least one section....
Just in case you're interested...here is what I was talking about....
An example of the steps I was taking to follow the installation instructions 🤓
Is this supposed to "cloak" the filter controls...? They now seem to "flash" before being hidden on a page load....
the css will hide elements before alpine is initialised, if it is used correctly in the layout file
the black flash is probably from the modal background
The black flash issue is resolved. It was the x-cloak style that was missing and that did the trick. Thx.
I will try to figure out what is causing the filter controls to "flash" now.... 🤓