ui-panel-titlebar-icon prevents <a> from navigating

[rosière]

Hello,
I'm using custom actions in panel.
My links in action facet can't navigate to its target even if its HTML is all right. It happens since I upgraded my Primefaces from 5.1.6 to 5.3.4 and my Primefaces Extensions from 3.0.0 to 4.0.0.

Code: Select all

<a href="../myNewFolder/myNewPage.xhtml" title="****" class="ui-panel-titlebar-icon ui-corner-all ui-state-default">
                            <span class="ui-icon ui-icon-star"></span>
                        </a>
                        

Here is my XHTML snippet:

Code: Select all

   <p:panel id="xxx" >
                    <f:facet name="actions">
                        <a href="../myNewFolder/myNewPage.xhtml" title="***" class="ui-panel-titlebar-icon ui-corner-all ui-state-default">
                            <span class="ui-icon ui-icon-star" />
                        </a>
                    </f:facet><br/>
***
</p:panel>

I find that navigation is possible again, if I remove the class ui-panel-titlebar-icon from the <a> element. However by doing this the icon is no longer on the right top corner.

If I keep class ui-panel-titlebar-icon, I can only navigate by opening the link in a new window or a new tab. But I can't browse the link by clicking it on the same page.

Here is the class' definition that I found with Firebug's inspector:

Code: Select all

.ui-panel .ui-panel-titlebar-icon {
    cursor: pointer;
}

So what is wrong with this class?

[mert.sincan]

Similar issue; http://forum.primefaces.org/viewtopic.php?f=16&t=45311