wiki-grav/plugins/admin/themes/grav/app/utils/selectize-option-click.js
2022-04-24 14:32:58 +02:00

43 lines
1.5 KiB
JavaScript

import $ from 'jquery';
import Selectize from 'selectize';
Selectize.define('option_click', function(options) {
const self = this;
const setup = self.setup;
this.setup = function() {
setup.apply(self, arguments);
let clicking = false;
// Detect click on a .clickable
self.$dropdown_content.on('mousedown click', function(e) {
const target = $(e.target);
if (target.hasClass('clickable') || target.closest('.clickable').length) {
if (e.type === 'mousedown') {
clicking = true;
self.isFocused = false; // awful hack to defuse the document mousedown listener
} else {
self.isFocused = true;
setTimeout(function() {
clicking = false; // wait until blur has been preempted
});
}
} else { // cleanup in case user right-clicked or dragged off the element
clicking = false;
self.isFocused = true;
}
});
// Intercept default handlers
self.$dropdown.off('mousedown click', '[data-selectable]').on('mousedown click', '[data-selectable]', function() {
if (!clicking) {
return self.onOptionSelect.apply(self, arguments);
}
});
self.$control_input.off('blur').on('blur', function() {
if (!clicking) {
return self.onBlur.apply(self, arguments);
}
});
};
});