Menu scroll loosing its focus in FireFox by doing scroll Up/Down using mouse scroll

[bluemartini]

When Placed the Mouse over on any menu items and do Mouse scroll Up/Down , menu items in Menu scroll loosing its focus.

Steps to follow:
1. Click on Scroll Menu
2. Place the mouse on any menu item
3. Do Mouse scroll Up/Down
4. Menu items in Menu scroll loosing its focus.

This seems like a bug, can you confirm ?

Sample Code to test the Scenario.

package com.gridsamples.client;
 
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.logical.shared.SelectionEvent;
import com.google.gwt.event.logical.shared.SelectionHandler;
import com.google.gwt.user.client.ui.IsWidget;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;
import com.sencha.gxt.widget.core.client.ContentPanel;
import com.sencha.gxt.widget.core.client.ContentPanel.ContentPanelAppearance;
import com.sencha.gxt.widget.core.client.FramedPanel.FramedPanelAppearance;
import com.sencha.gxt.widget.core.client.button.TextButton;
import com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer;
import com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData;
import com.sencha.gxt.widget.core.client.info.Info;
import com.sencha.gxt.widget.core.client.menu.Item;
import com.sencha.gxt.widget.core.client.menu.Menu;
import com.sencha.gxt.widget.core.client.menu.MenuItem;
import com.sencha.gxt.widget.core.client.toolbar.FillToolItem;
import com.sencha.gxt.widget.core.client.toolbar.SeparatorToolItem;
import com.sencha.gxt.widget.core.client.toolbar.ToolBar;
 
public class ToolBarExample implements IsWidget, EntryPoint {
 
  @Override
  public Widget asWidget() {
    SelectionHandler<Item> handler = new SelectionHandler<Item>() {
      @Override
      public void onSelection(SelectionEvent<Item> event) {
        MenuItem item = (MenuItem) event.getSelectedItem();
        Info.display("Action", "You selected the " + item.getText());
      }
    };
 
    ToolBar toolBar = new ToolBar(); 
    TextButton scrollerButton = new TextButton("Scrolling Menu");
 
    Menu scrollMenu = new Menu();
    scrollMenu.addSelectionHandler(handler);
    scrollMenu.setMaxHeight(200);
    for (int i = 0; i < 40; i++) {
      scrollMenu.add(new MenuItem("Item " + i));
    }
 
    scrollerButton.setMenu(scrollMenu);
 
    toolBar.add(scrollerButton);
 
    toolBar.add(new SeparatorToolItem());
    toolBar.add(new FillToolItem());
 
    // ThemeSelector selector = new ThemeSelector();
    // toolBar.add(selector);
 
    ContentPanel panel = new ContentPanel(GWT.<ContentPanelAppearance> create(FramedPanelAppearance.class));
    panel.setCollapsible(true);
    panel.setHeadingText("ToolBar & Menu Demo");
    panel.setPixelSize(550, 300);
 
    VerticalLayoutContainer p = new VerticalLayoutContainer();
    p.setBorders(true);
    p.getElement().getStyle().setBackgroundColor("white");
    panel.add(p);
 
    toolBar.setLayoutData(new VerticalLayoutData(1, -1));
    p.add(toolBar);
 
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);
    vp.add(panel);
    return vp;
  }
 
  public void onModuleLoad() {
    RootPanel.get().add(asWidget());
  }
 
}

[sven]

I can confirm that it works differently in Chrome than in FF. I will move this thread to the bugs forum for further investigation.