Как обойти трабл с открытием bootstrap-select в bootstrap dropdown?

Question

[Пащук Илья]

Смотрите ребята у меня есть dropdown с bootstrap, я в него селект кастомизированный через либу bootstrap-select, и у меня возникает трабл, это селект не отрабатывает норм, так как у нас получается этот селект делается тоже через bootstrap dropdown, в общем я решил проблему чтобы не закрывался родительский dropdown и работал внутри селект так:

$('[sub-dropdown]').on('click', function (e) {
        var target = $(e.target),
            $parent = target.parents('.bootstrap-select');

        if ($parent.length) {
            $parent.toggleClass('show');
            $parent.find('.dropdown-menu').toggleClass('show');
            $parent.find('select').selectpicker('refresh');
            
            e.stopPropagation();
            e.preventDefault();
        } else {
            $parent.removeClass('show');
            $parent.removeClass('.dropdown-menu')
        }
    });

но возникает следующая проблема, селект не открывается должным бразом, не переопределеятся позиционирование как по стандарту должно быть, а если применить $parent.find('select').selectpicker('toggle'); то оно срабатывает нормс bootstrap-select (ве как положено на него вешается классы и определяется позиционирование), но увы toggle глобально для всех закрывает родителя, как мне быть?
сразу скажу с bootstrap использую js чрез cdn, стили беру и с чисто ток те что надо и кастомлю под свои нужды!