Responsive and bootstrap v3 dropdown-toggle
Responsive and bootstrap v3 dropdown-toggle
j0shua
Posts: 2Questions: 1Answers: 0
One of the columns inside my datatable is a dropdown menu using bootstrap (v3) component (data-toggle="dropdown" class="btn btn-secondary dropdown-toggle").
But when i resize the page and then click on the (+) the menu is already open. The problem is in responsive.bootstrap.min.css, selector : table.dataTable > tbody > tr.child ul which modify the display: none to display: inline-block; of the dropdown-menu. If i change the CSS selector (by using a self-hosted version) from table.dataTable > tbody > tr.child ul to table.dataTable > tbody > tr.child ul:not(.dropdown-menu) the problem is resolved.
Does the fact that the menu is already open is the desired behavior. ?
This discussion has been closed.
Answers
Can you link to a page showing the issue please?
It does sound like a change is needed in the default CSS.
Thanks,
Allan
I have created a plunkr: https://plnkr.co/edit/zbazRwcToO6ahUZ8LtyV?p=preview
Awesome - thanks! I'll look into it and get back to you.
Allan
Hi,
Sorry for the delay! Fix committed and the nightly will rebuild with the change shortly.
Basically I've just added a class to make my selector more specific.
Regards,
Allan