Search code examples
jsfrichfaces

rich:tooltip does not work in rich:popupPanel

When I attach rich:tooltip element to any element of the screen of rich:popupPanel, it shows nothing. How can I solve this problem?

                <rich:popupPanel id="balancePopup" width="800" resizeable="false"
                    rendered="true" autosized="true" modal="true"domElementAttachment="body">
                    <a4j:outputPanel id="balancePanelRegion">
                        <ui:include src="popup.xhtml" />
                    </a4j:outputPanel>
                </rich:popupPanel>

This doesn't work (popup.xhtml)

                        <h:inputText value=""
                            id="my" styleClass="input-medium" readonly="true">
                            <rich:tooltip id="tooltip"><span>Hint</span></rich:tooltip>
                        </h:inputText>
Solution

  • Increasing z-index of tooltip component solved the problem:

        <rich:tooltip id="tooltip3" style="z-index:10000;">Tooltip</rich:tooltip>