select->('multiple') not working in form builder
I'm working on a livewire component and added a form builder to add few select options, however after following the instruction to install filament forms and use the builder none of the filament styling appeared on the project i managed to adjust it temporarily using ('extraInputAttributes')however when i try to use select->('multiple') it shows a non functioning scrollbar
32 Replies
Any errors in the browser console?
your stylesheet just isn't getting loaded or isn't including the filament styles. You will need to figure that out as it has styling specific to SelectJS which is used for multiple select components.
@Patrick Boivin @awcodes Thank you for responding and apologies for replying late.
I checked and there was none addressing the case i tried to run through the installation process and didn't work..
the only thing I faced during installation is Vite error regarding post.css.config.js which is sorted by changing the code to be
and the file extension to be .cjs.
I'm using filament dashboard in the same project and the styling seems to be working as it should be the issue occurs with a custom form that i'm just using as filters for a custom table
is the custom form being used outside of the admin panel?
yes in a liveiwire component
also is
post.css.config.js a typo?
it should be postcss.config.cjsoh yes it's
postcss.config.cjs. My badok. just never know. 🙂
and you've verified that the css file has been built and is included on the page
pardon me, by that you mean recsources/css/app.css ?
whatever css file you are using for your app.
outside of filament
I'm mainly relying on tailwind.css for styling so I'm not using an external css file
well there has to be a css file that including the tailwind directives and being built.
If you mean the one included in the instructions. yes i managed to set and double check on it
im referring to that file
please share your vite.config.js, tailwind.config.js.
sure, few seconds please
no rush
vite.config.js.
tailwind.config.js
and your page has
@vite(['resources/css/app.css'])
did you run npm run dev and never do a npm run build
npm run dev
that all looks ok to.
can you do a
npm run build
dev will only work while it is running.sorry for responding late i had to temporarly hash it to continue working. It will be there in a minute
comment it*
still the same issue
sorry for taking too long 😥
no need to apologize.
maybe try deleting node_modules and doing a fresh install
based on what you've provided, everything looks ok.
do you have a public repo so I can see the whole picture?
yes, yet the project im working on that has this issue belongs to someone else whom made it private so I wont be able to view it from my end.
no worries. just hard to trouble shoot without the whole picture.
I understand, I'll try to create a dummy project to mimic the same case, I'm suspecting it might be an issue within my environment
Much thanks for your time and assistance. greatly appreciated 🙏
no worries. good luck with it.
make sure you didn't miss a step in the docs too. it's easy to skip over stuff some times.
I'll try again maybe im missing something