-
FEATURED COMPONENTS
First time here? Check out the FAQ!
hi firefox work fine, as i expect, chrome instead, view a button as first item this is my code.....
<zk> <style>.z-menubar-hor, .z-menubar-ver { border: 1px solid #D8D8D8; } .content {overflow-x: hidden;overflow-y: scroll;}</style>
<panel border="normal" title="ZK Report Viewer">
<panelchildren>
<menubar id="menubar" width="100%">
<menu label="File">
<menupopup>
<menu label="New" image="/widgets/menu/drop-down_menu/img/file_new.png">
<menupopup>
<menuitem label="Document" onClick="alert(self.label)" />
<menuitem label="Spreadsheet" onClick="alert(self.label)" />
<menuitem label="Presentation" onClick="alert(self.label)" />
</menupopup>
</menu>
<menuitem label="Open.." onClick="alert(self.label)" />
<menuseparator></menuseparator>
<menuitem label="Save" onClick="alert(self.label)" />
</menupopup>
</menu>
<menu label="Edit">
</menu>
</menubar>
<div height="300px" sclass="content">
</div>
</panelchildren>
</panel>
</zk>
if i see HTML page in chorme (ispector) i found this strange button....
<div id="aI2B6" style="position: absolute; top: 95px; left: 86px; z-index: 1801; visibility: visible; display: none;" class="z-menupopup"> <button id="aI2B6-a" tabindex="-1" onclick="return false;" href="javascript:;" class="z-focus-a"></button> <div class="z-menupopup-separator"></div>
some one cud explain that ? thanks in advance
Hi Nardon! Which ZK version are you using? I tested with 8.0.5, but I didn't see anything different between browsers.
The button you found in the code is the focus anchor. It allow someone using tab / ctrl+tab navigation to put the focus on the menu item. It should be 'invisible' by default. If it's not, can you send a screenshot of the dom explorer properties of this element? (the styles summary applied to it)
Regards
Asked: 2017-08-06 16:50:28 +0800
Seen: 22 times
Last updated: Aug 15 '17
How to control selectAll() feature in a Listbox with multiple=true and checkmark=true
ZK8 Wizard Series: Part 2 now released!
Faster And Lighter, The Performance Test On ZK8
org.zkoss.xel.XelException: Resource not found: http://www.zkoss.org/dsp/web/core
How To Check Dirty Status in ZK8?
Come and join the ''JS'' Hunt!