olton / Metro-UI-CSS

Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
http://metroui.org.ua/
MIT License
7.04k stars 1.96k forks source link

Select multiple not working #1934

Closed ct12goa closed 7 months ago

ct12goa commented 7 months ago

I have created a form which has some input in the form of 'select multiple'. The form was working fine till last week, but today I noticed that while other select input fields are working normally, the 'multiple select' have issue. When we select the options, option disappears from the list, but is not shown in the field, as it used to be, The 'require' validation also fails.

To Reproduce

Please check google script - https://script.google.com/macros/s/AKfycbwMFgQ4Y6v8PV1fXvsVbqirOCrNoFyYa-ds7dSH1XGnI6hD_4Nm1UThP8slrwAmzF8/exec

The "Source Language", "Specialization" are multiple select field and are not working. "country" is single select and is working.

Here is the code:

Expected behavior

The selected option should appear on the blank input field.

Screenshots image

Desktop (please complete the following information):

Additional context Add any other context about the problem here.

olton commented 7 months ago

Please create an example with your problem code on codepen.io.

ct12goa commented 7 months ago

I have created an example to demonstrate the issue here: https://codepen.io/ct12goa/pen/JjVayYW

Please check and help with this. Thanks!

olton commented 7 months ago

fixed, check now

ct12goa commented 7 months ago

Thanks, but it is still the same. Do I have to make any change to the code?

ct12goa commented 7 months ago

I receive this error message on console (on inspect page). Please see if this helps:

metro.js:6 Uncaught TypeError: Cannot read properties of undefined (reading 'split') at forEach.$.fn. [as addClass] (metro.js:6:63197) at Object._addTag (metro.js:12:348510) at HTMLLIElement. (metro.js:12:353858) at HTMLUListElement.func_event_click_31 (metro.js:6:55824)

olton commented 7 months ago

Wait for the CDN to update

ct12goa commented 7 months ago

UPDATE: Checked just now. It is still the same. I didn't notice any change.

olton commented 7 months ago

https://metroui.org.ua/select.html#_select_multiple all works fine

olton commented 7 months ago

https://www.loom.com/share/21ed70a5c0e6478187b0ae1f229f543d?sid=697c0a19-663a-4dd6-a4b6-e5df91a88f0a

ct12goa commented 7 months ago

Thanks for looking into this, but I checked and it is still not working for me. Can you check in the example at codepen created by me here: https://codepen.io/ct12goa/pen/JjVayYW

ct12goa commented 7 months ago

Thanks for sharing the video. I can see that you were able to do that. But, why I can't replicate the same here?

ct12goa commented 7 months ago

UPDATE: I checked on Edge browser and seems it is working. But, it is not working on Chrome. I will check on other browser settings and will let you know.

olton commented 7 months ago

Ctrl+F5 to clear browser cache

ct12goa commented 7 months ago

Ah, many thanks Serhii! You are a life saver!!