0

ZK8 popup menu different behavior firefox vs chrome

asked 2017-08-06 16:50:28 +0800

nardon gravatar image nardon
3

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

delete flag offensive retag edit

1 Answer

Sort by ยป oldest newest most voted
0

answered 2017-08-15 07:11:24 +0800

MDuchemin gravatar image MDuchemin
1346 1 4
ZK Team

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

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2017-08-06 16:50:28 +0800

Seen: 21 times

Last updated: Aug 15 '17

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More