Focus on jquery tokeninput element (Chrome and Opera)

Question

I have a problem with tokeninput element in Chrome and Opera (FF works fine). When one or more elements are choosen in tokeninput, it cannot loose a focus, cursor is still blinking after a last element, if you click on other elements on page they all are blocked.

The simplified code you can find here: http://jsfiddle.net/busiek/439xn9ue/2/

Element definition is as follows:

$(document).ready(function () {
  $("#filterYachtModel").tokenInput( 
      [
        {id: 7, name: "Antares"},
        {id: 11, name: "Athena"},
        {id: 13, name: "Atlantic"},
        {id: 17, name: "Bahia"},
      ],
      {
        theme: "facebook",
        showHintAsWatermark: true,
        hintText: "enter yacht type",
        noResultsText: "no results",
        searchingText: "searching...",
        preventDuplicates: true
      });
});

I have searched documentation pages and forums and did not found a similar problem. Maybe it is a jQuery version conflict, I do not know. Any ideas?

Answer 1

This is an issue with the plugin which has previously been fixed.

Update to the latest version (currently 1.6.2) from the GitHub - the version loopj.com is only the last major revision - now several years old.