Prime Community Forum

When I enabled FA in my web.xml and started replacing jquery icons with fa icons I get odd behaviour in menu bars.
This problem does not occur with command buttons, buttons, etc. outside menu bars. I've tried several base themes, including metroui.

In my menu bar the menu items tend to look like this:
Specifically, the icon span element has an extra ui-icon class.

My markup is
The same thing happens for p:submenu elements.

I've tested both 5.1.17 and 5.2.1.

Are you able to replicate on showcase example.Is it specific to menuBar or any menu component?

I can't replicate the issue on menubar component When tried on metro-ui theme.There is only one icon visible in the screen.

Thanks for giving this your attention! I'm going to look further into it today and see if I can discover something.

EDIT: Btw, where can I download the showcase so that I can experiment on that?

Checkout from here https://github.com/primefaces/showcase

I just upgraded from 5.1.17 to 5.1.20 and the problem vanished! I'm uncertain as to why but I thought I'd mention it quickly.

Thanks for the confirmation.It may be specific to particular elite release.Works properly on latest versions.