question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Parsely 2.4.4 does not "see" change events when using custom <select> libraries like chosen

See original GitHub issue

Parsley does not correctly validate when a select item is changed when using almost any jquery plugin or JS library that customizes <select> dropdowns and the onchange event is raised by the library. It seems inputevent.js library that Parsely now uses is eating this event as ‘fake’

I’ve tested v2.0.7 vs 2.4.4 and can reproduce this bug:

V2.0.7: In the following example, https://jsfiddle.net/wph81s72/, if you change the dropdown the validation is performed on each change. For example, select a country and then change it back to “Select country…” and note that the validation message is displayed without needing to click the submit button. This is good.

In this example jsfiddle, using the latest version of Parsley, this functionality is now broken. No events are actually received by Parsley for onchange due to I think the inputevent library seeing them as fake events as they’re raised by chosen.js to simulate the select element being changed.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
damiensgitcommented, Sep 21, 2016

Sorry about above formatting, for some reason whatever markdown I enter is stripped 😕

0reactions
marcandrecommented, Mar 25, 2017

FYI, chosen 1.7.0 has been released and should address this issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chosen plugin change event not triggering - Stack Overflow
If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger...
Read more >
Read the Docs Documentation
If you don't see the ad, you might be using an ad blocker. ... Select Choose events, and mark Branch or tag creation,...
Read more >
Web Libraries in Jars - WebJars
angular-multi-select, org.webjars, angular-multi-select, 4.0.0 3.0.0 2.0.1 2.0.0 1.2.0 ... Bootswatch full distribution as webjar, org.webjars, bootswatch ...
Read more >
https://d3n8a8pro7vhmx.cloudfront.net/themes/57dc7...
widgetFullName + "-disabled " + "ui-state-disabled" ); // clean up events and ... we don't want to modify arguments options = $.extend( {},...
Read more >
Untitled
Just don't delete the directory and make sure when we create the ... related lib64 issue on Hammer where any library chosen with...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found