Раскрывающееся меню автоматически закрывается при нажатии в selectize.js - PullRequest
Новая
       23

Раскрывающееся меню автоматически закрывается при нажатии в selectize.js

0 голосов
/ 07 апреля 2019

Я хочу использовать selectize.js в моем проекте. Все работает отлично, кроме одной вещи: когда я нажимаю на полосу прокрутки в раскрывающемся меню, она закрывается автоматически, и я не понимаю, как решить эту проблему, может быть, мне следует что-то сделать в конфигурации. Кто-то сталкивался с этой проблемой?

Вот мой объект конфигурации: 

facility_config = {
                maxItems: 1,
                plugins: ['remove_button'],
                valueField: 'id',
                searchField: ['facility_name'],
                optgroups: [
                    { id: 0, group_name: 'Teams' },
                    { id: 1, group_name: 'Primary Practices' },
                    { id: 2, group_name: 'Facility Affiliations' }
                ],
                optgroupField: 'group_name',
                optgroupValueField: 'group_name',
                optgroupLabelField: 'group_name',
                lockOptgroupOrder: true,
                render: {
                    item: function (item, escape) {
                        return '<div class="option">' +
                        '<span>' + escape(item.facility_name) + '</span>' +
                        '<span ng-if="item.city && item.state">' + ' ( ' + escape(item.city) + ', ' + escape(item.state) + ' )' + '</span>' +
                        '<span class="fa fa-asterisk text-orange"></span>'
                        '</div>';
                    },
                    optgroup_header: function (data, escape) {
                        return '<div class="optgroup-header"><strong>' + escape(data.group_name) + '</strong></div>';
                    },
                    option: function (item, escape) {
                        return '<div class="option">' +
                               '<span>' + escape(item.facility_name) + '</span>' +
                               '<span ng-if="item.city && item.state" class="text-muted">' + ' ( ' + escape(item.city) + ', ' + escape(item.state) + ' )' + '</span>' +
                               '<span class="fa fa-asterisk text-orange"></span>'
                               '</div>';
                    }
                }
            };

И мой HTML: 

<selectize options="model.items", config="model.facility_config", ng-model="modalObject.facility_id"></selectize>

Пример данных может быть как: 

items = [{id: 1, facility_name: 'QA', state: 'LA', city: 'San Francisco', group_name: 'Teams'}];
...