wireui / wireui

TallStack UI components
https://v1.wireui.dev
MIT License
1.37k stars 166 forks source link

Select don't display correctly #338

Closed mckenziearts closed 1 year ago

mckenziearts commented 1 year ago

In my laravel shopper package that uses wireui components, I have a problem with select on almost all forms. I copy and paste a code example on the doc but the result is not the same. And I have no error in console but I can't select a value using select input

Screen Shot 2022-06-23 at 7 05 26 AM

The option option-description is false by default but every time on all select it is displayed.

Since I'm in a package I don't know if I need to add a specific config for it to work properly. Because it is with this new api that I noticed this problem. Before everything was working correctly

Thanks.

joelhmetz commented 1 year ago

Updated the package? Check if you haven't published the assets, if so, make a backup and delete them, to get the current ones from the package.

mckenziearts commented 1 year ago

I am on the latest version. My Laravel package uses wireui as a dependency. So I always update to the latest version. I don't have any error but when I take a code from the doc and publish it I automatically have this behavior

PH7-Jack commented 1 year ago

@mckenziearts Could you show how you are using the select component?

mckenziearts commented 1 year ago

I just copied and pasted a code on the doc to see if I was doing a bad implementation but I always had the same problem.. Here a preview https://share.vidyard.com/watch/gPccDR9badM12q4QcDVotf?

mrkera commented 1 year ago

I have the same problem

REJack commented 1 year ago

There are 3 points to check where I had on this bug.

  1. If you have published the views, remove them and republish
  2. If you customized the classes/created your own component classes, replace them with original componets in the config or update the code according to the updated WireUI components
  3. Check that you load AlpineJS before the WireUI scripts and it need to be v3.x+

Sometimes artisan optimize:clear helps too 😄

mckenziearts commented 1 year ago

I develop a laravel package. So I can't publish the views or make commands inside the project. I just require the package, copy and paste a code from the documentation and I have this result

joelhmetz commented 1 year ago

Shows console error. Shows the order of alpine and wireui calls.

mckenziearts commented 1 year ago

There are no errors in the console. I have already shown the result in this comment

I just copied and pasted a code on the doc to see if I was doing a bad implementation but I always had the same problem.. Here a preview https://share.vidyard.com/watch/gPccDR9badM12q4QcDVotf?

ettiennelouw commented 1 year ago

I also had the same problem a while back, and i updated to the lates alpine version and everything was working as expected.

PH7-Jack commented 1 year ago

@mckenziearts Can you show me your app dependencies versions?

mckenziearts commented 1 year ago

I also had the same problem a while back, and i updated to the lates alpine version and everything was working as expected.

I think this may be my problem. I just checked my dependencies and I'm pretty far behind I will update and test again

mckenziearts commented 1 year ago

Fix by upgrading all dependencies in package.json. Thanks