<button class="btn btn-default blue btn-lg h-ask btn-block" popover-placement="bottom" uib-popover-template="popover_home.templateUrl">ASK</button>
In the code snippet above, there is an angular js popover implementation within an html template. The popover includes two input fields, and upon submitting the form inside the popover, control over the popover can be gained. However, it is necessary to manually close the popover if a user opens it but does not interact with it (e.g. by clicking outside of the popover).
Does anyone have any ideas on how to achieve this? I have tried using "popover-trigger='focus'", but it prevents me from entering text into the input field as the popover closes whenever the cursor hovers over it.