AngularStrap data-container = "self" doesn't work in Firefox
I am trying to use a hover to show a dropdown / popover and use data-container="self"
to keep the dropdown / popover from appearing when the mouse has moved over it. This method works in Google Chrome but not Firefox.
Sample code:
<button type="button" data-placement="right" data-trigger="hover | click" data-delay="300" bs-dropdown="dropdown" data-container="self">Click to toggle dropdown</button>
How can I get this to work on firefox?
source to share
I've never heard of a keyword self
as a container parameter in angular-strap. Where did it come from?
Anyway, this container
is useful here if you want to add a dropdown to another element. Since that doesn't sound like your case, just don't provide data-container
and the dropdown will be added to the item itself.
EDIT:
Ok, so I tried it and saw the problem you are describing. You can try the solution given here ( fooobar.com/questions/2102727 / ... ): add a specific class to your button and pass it to the data container.
<button type="button"
class="dropdown-btn"
data-placement="right"
data-trigger="hover"
data-delay="300"
bs-dropdown="dropdown"
data-container=".dropdown-btn">
Hover to toggle dropdown
</button>
source to share