Spark menubar - erratic scroll jumping in IE11

[EvAltenaRM]

This issue can be seen already in the Spark live demo; I've also tested this on the regular Primefaces showcase of the menubar where this issue in fact does not happen.

The case: when trying to use the menubar component of the spark theme (and perhaps other themes) specifically in Internet Explorer 11, you will find that when a page is taller than the screen, it will jump around as you hover over the different menu items - as if the browser is forced to scroll to a particular position constantly.

(it wants to jump to the label of the top ul menu item, from what I can see)


Do these exact steps.

1. Go to http://www.primefaces.org/spark/
2. make the browser window small
3. unfold the entire menu all the way to submenu 2.2, that will force you to scroll down to be able to see the menu items
4. move the mouse over the child menu items of submenu 2.2

You'll find that when you unfold things and try to hover the mouse up and down over the different menu items, the page jumps all over the place making it a rather harrowing experience to say the least.

Or a slightly more realistic reproduction:

1. just keep the browser maximized
2. scroll down the page a little
3. and then unfold submenu 2.2 and move the mouse over its children

You'll see it happening too. Now imagine a dynamically built menu with any number of (sub) menu items in it - its unusable.


In other browsers (Firefox, Chrome) there seems to be no issue.

[mert.sincan]

Sorry for my late reply. We are using Premium Themes and Layouts forum for issues. Next time, please use spark forum; http://forum.primefaces.org/viewforum.php?f=24

Please try this line after removing for layout.js;

Code: Select all

bindEvents: function() {
   ...
   this.menubar.find('a').click(function() {
    ...
    //$this.menubar.trigger('focus'); // please remove line-70
    ...
   })
   .on('mouseenter', function() {
    ...
    //$this.menubar.trigger('focus'); // please remove line-87
   ... 
   }
...
}

[EvAltenaRM]

Now its my turn to apologize for a late response. Indeed that fixes it; that little javascript file with sneaky event injections completely skipped my awareness Thanks a lot!

I will use the correct section the next time; unfortunately I noticed I had done it wrong after the fact.

[mert.sincan]

No problem Thanks a lot for the update.