<div>
Also i have noticed when i change popover-trigger to focus i am not seeing any Event Listeners &amp;&nbsp;probably that is the reason we are not seeing any popover
</div>


Also i have noticed when i change popover-trigger to focus i am not seeing any Event Listeners & probably that is the reason we are not seeing any popover

<div>
I am seeing the popover ?<br />
<a href="https://filedb.experts-exchange.com/incoming/2019/10_w43/1435058/ss187.jpg" target="_blank" title="ss187.jpg (25 KB)"><img alt="ss187.jpg" class="file-block lazyload" style="max-width: 651px;" data-src="https://filedb.experts-exchange.com/incoming/2019/10_w43/1435058/ss187.jpg" /></a>
</div>


I am seeing the popover ?
ss187.jpghttps://filedb.experts-exchange.com/incoming/2019/10_w43/1435058/ss187.jpg

ss187.jpg

<div>
Yes, i am seeing popover even in my test application but when i try to implement popover in existing application it doesn't generate popover. <br />
<br />
I am using ui-bootstrap-tpls-2.5.0.js<wbr /> &amp;&nbsp;1.6.1/angular.js in my current application
</div>


Yes, i am seeing popover even in my test application but when i try to implement popover in existing application it doesn't generate popover.

I am using ui-bootstrap-tpls-2.5.0.js & 1.6.1/angular.js in my current application

<div>
That is going to be difficult to diagnose. If your test works and your actual application doesn't then it is not really possible for us to diagnose if all we have is a working Test.<br />
<br />
Are there any errors showing in the console for the target application?
</div>


That is going to be difficult to diagnose. If your test works and your actual application doesn't then it is not really possible for us to diagnose if all we have is a working Test.

Are there any errors showing in the console for the target application?

<div>
<div class="content wysiwyg-content">
I was implementing below plunker in my application &amp;&nbsp;popover doesn't seem to work. While inspecting DOM i noticed event listeners are not being generated. I tried with popover-trigger=&quot;'click'&quot; &amp;&nbsp;also with popover-trigger=&quot;'focus'&quot;<br />
<br />
<a href="http://plnkr.co/edit/86koF02Wga5yGVvhoKrY?p=preview" rel="ugc">UI bootstrap Popover</a><br />
<br />
<br />
how do we resolve this issue
</div>
</div>


I was implementing below plunker in my application & popover doesn't seem to work. While inspecting DOM i noticed event listeners are not being generated. I tried with popover-trigger="'click'" & also with popover-trigger="'focus'"

UI bootstrap Popover (http://plnkr.co/edit/86koF02Wga5yGVvhoKrY?p=preview)


how do we resolve this issue

UI bootstrap popover issues

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.

UI/UX

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.