app-generator / django-dashboard-material-pro Goto Github PK

Reproduction of the issue:

1. Clone&install the project
2. Edit /core/templates/includes/navigation.html
3. about line 40, after </li> add this code:

<li class="nav-item">
    <select class="selectpicker" data-size="7" data-style="btn btn-primary btn-round" title="Single Select">
            <option disabled selected>Single Option</option>
            <option value="2">Foobar</option>
            <option value="3">Is great</option>
            <option value="4">Is bum</option>
            <option value="5">Is wow</option>
            <option value="6">boom</option>
    </select>
</li>

Run the server, open dashboard with Firefox, in desktop view you can view the select menu and expand the options. Resize the browser window to mobile size and reload page and open the navigation menu, you will see the select but if you click the options doesn't expand. If you try with Chrome you see duplicated this selectpicker element, one work and other no.

If you try the same in the /core/templates/includes/navigation-auth.html and add at /core/templates/includes/scripts-auth.html:
<script src="{% static 'assets/js/plugins/bootstrap-selectpicker.js' %}"></script>

It works in the LOGIN template, you can expand the options in the mobile navigation nav menu (but the background color of the options aren't correct), but the JS works.