При нажатии на выпадающий элемент не закрывать выпадающий

Question

Вот ссылка Fiddle для моего кода Я пользователь начальной загрузки 4. Когда я нажимаю в раскрывающемся списке, раскрывающийся список закрывается в моей локальной среде. В скрипке работает нормально. Какой момент я пропустил в моем местном. Даже мои локальные настройки и настройки скрипки одинаковы.

JS Fiddle Link

 <div class="dropdown d-inline-block">
                <button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Advance Filter
                </button>
                <div class="dropdown-menu pr-2 pl-2 advance-filter-dropdown" aria-labelledby="dropdownMenuButton">
                    <div class="advance-filter-wrap">
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="" class="sr-only">By Agent</label>
                                    <select name="" id="" class="form-control">
                                        <option value="agent1">Agent 1</option>
                                        <option value="agent2">Agent 2</option>
                                        <option value="agent3">Agent 3</option>
                                        <option value="agent4">Agent 4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="" class="sr-only">Lead Potential</label>
                                    <select name="" id="" class="form-control">
                                        <option value="huge">Huge</option>
                                        <option value="medium">Medium</option>
                                        <option value="small">Small</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="advance-filter-footer text-right">
                        <button class="btn btn-danger btn-sm">Reset All</button>
                        <button class="btn btn-success btn-sm">Apply</button>
                    </div>
                </div>
            </div>