Keep primefaces tooltip visible until its manually closed
<p>I wanted to create a tooltip with dynamic content on a button hover and show a data table inside it. After a little bit of googling i managed to get that working but with a small issue. I am not able to keep the tooltip visible until its manually closed and primesfaces tooltip options do not seem to have any property to achieve something like that. </p>

<p>Code for tooltip: </p>

<pre class="lang-jsf prettyprint-override"><code>&lt;h:panelGroup&gt;
    &lt;h:outputLink id="lnk" value="#"&gt;
        &lt;h:outputText value="Sample Tooltip"/&gt;
    &lt;/h:outputLink&gt;
    &lt;p:tooltip for="lnk" position="right" /&gt;
        &lt;p:dataTable var="car" value="#{preOrderController.cars}"&gt;
            &lt;p:column headerText="Id"&gt;
                &lt;h:outputText value="#{car.id}" /&gt;
            &lt;/p:column&gt;

            &lt;p:column headerText="Year"&gt;
                &lt;h:outputText value="#{car.name}" /&gt;
            &lt;/p:column&gt;

        &lt;/p:dataTable&gt;
&lt;/h:panelGroup&gt;
</code></pre>

<p>The tooltip works fine, what I want to do is once the mouse is hovered over the button and tooltip is shown, I want to keep it visible until the user manually clicks the close button at the top right corner or somewhere else on the screen. It is not necessary that I use tooltip, if primefaces has something else that can used to get similar functionality I am open to suggestions. </p>