Note that there are some explanatory texts on larger screens.

plurals
  1. POWorkaround for a menu bug
    primarykey
    data
    text
    <p>Using Primefaces 2.2.1, if a submenu of a menubar is too big for the browser window, it appears above the menubar (outside of the page) and is unusable.</p> <p>Simple test case:</p> <p>Code:</p> <pre><code>&lt;p:menubar&gt; &lt;p:submenu label="test"&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; &lt;p:menuitem&gt; &lt;h:commandLink value="test 123"/&gt; &lt;/p:menuitem&gt; ... &lt;/p:submenu&gt; &lt;p:menubar&gt; </code></pre> <p>If you reduce the window size to some small height, you can see the problem.</p> <p>It happens in showcase too, although the submenu is then simply hidden.</p> <p>This makes it unusable for some clients (ipad).</p> <p>Any workaround or solution ?</p> <p>UPDATE: I can reproduce the problem on this page: <a href="http://wijmo.com/widgets/wijmo-open/menu/" rel="nofollow">http://wijmo.com/widgets/wijmo-open/menu/</a> ; if you reduce the window height to just somewhat less than the menu size, it appears above.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload