You found a bug! We've classified it as EXTGWT-2928 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Feb 2011
    Posts
    134
    Vote Rating
    1
    bluemartini is on a distinguished road

      0  

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

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


    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.
    HTML Code:
    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());
      }
     
    }
    Attached Images

  2. #2
    Sencha User
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


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

Thread Participants: 1