Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Select field sort option stopped working in Chrome / Edge #2902

Open
SanderOnline opened this issue Nov 3, 2021 · 3 comments
Open

Select field sort option stopped working in Chrome / Edge #2902

SanderOnline opened this issue Nov 3, 2021 · 3 comments

Comments

@SanderOnline
Copy link

SanderOnline commented Nov 3, 2021

When using the sortable: true option for a select field the drag and drop functionality doesn't work (anymore) in Chrome and in Edge. When testing it in Firefox it does work however.

Details

Question Answer
Relevant Bolt Version 5.0.6
Install type Composer install
PHP version 7.2
Web server Apache

Reproduction

Added the select field as followed:

        summary_applications:
            type: select
            values: applications/{name}
            label: Select the application
            multiple: true
            autocomplete: true
            sortable: true 

Not getting any javascript errors when trying to click and drag an item from the list. Maybe it has something to do with Chrome and Edge both using Chromium and Firefox does not?

Extra info: The drag and drop sorting on the select field in the relations tab does still work in Chrome and Edge so it's mainly the select field added through the contenttype

@SanderOnline
Copy link
Author

Extra update on this, i tried it on different computers of my own as well at work and all have the same issue. I made a video demonstrating what is happening in Chrome. It also seems to trigger the "multiselect" element every time when clicking on one of the items in the list. I noticed it doesn't do that when trying it in Firefox where it is working as intended.

Tested on Chrome version 96.0.4664.45 on Windows 10 build 19043.1348

Record202112020001.mp4

Hope this helps somewhat.

@I-Valchev
Copy link
Member

Thanks for the video @SanderOnline , now I recognise the issue. Diving into it the other day, I think Vue multiselect consumes the click events and does not propagate them further. That means there's no way for Bolt's events (that the sortable: true option uses) to get triggered.

I don't know a proper solution for this. Would be best for the https://github.com/shentao/vue-multiselect to fix the event propagation, but there's not been a release since 2019 :/

@baeroe
Copy link

baeroe commented Apr 26, 2024

Hi, I stumbled upon this issue. Do you guys think, there will come a solution in next time?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants