SelectItem / ComboBoxItem PickList with filter horizontal scrolling issue

[tvizgaitis]

Hi Isomorfic,

I have an issue with SelectItem PickList with filtering (without it - auto resizing works fine) (pickListProperties.setShowFilterEditor(true)) and when PickListMenu does not fit a screen, then PickListMenu is resized to fit a screen and then horizontal scrollbar appears, but a user cannot scroll to right, it automatically scrolls back.
Also filtering sections remains original size - not resized as PickListMenuBody and its Header.
SmartGWT Framework (v10.1p_2017-03-29/Pro Deployment 2017-03-29)
GWT 2.7.0
Chrome 57.0.2987.133
Firefox 52.0.2
Code basis: http://www.smartclient.com/smartgwt/...tifield_search

public class TestGWT implements EntryPoint

    public void onModuleLoad() {
        DataSource supplyItemDS = ItemSupplyXmlDS.getInstance();  
        final DynamicForm form = new DynamicForm();  
        form.setWidth(500);  
        form.setHeight(350);  
        form.setBorder("1px solid black");
          
        ListGrid pickListProperties = new ListGrid();  
        pickListProperties.setShowFilterEditor(true);  //issue with horizontal scrollbar
          
        SelectItem filteredSelect = new SelectItem("filteredSelect");  
        filteredSelect.setTitle("Item (Select)");  
        filteredSelect.setWrapTitle(false);  
        filteredSelect.setOptionDataSource(supplyItemDS);  
        filteredSelect.setDisplayField("itemName");  
        filteredSelect.setValueField("SKU");  
        filteredSelect.setPickListWidth(300);  
        filteredSelect.setPickListFields(new ListGridField("SKU", 150),
                                         new ListGridField("itemName", 150),
                                         new ListGridField("category", 150),
                                         new ListGridField("description", 400));  
        filteredSelect.setPickListWidth(150+150+150+400+18);
        filteredSelect.setPickListProperties(pickListProperties);
        form.setItems(filteredSelect);  
        form.draw();  
    }
}

Example:


#1 How I can solve this?

#2 Is it possible to override PickListMenu positioning, i.e. move to left from SelectItem, or fit horizontally in a middle of the screen (with extending PickListMenu class and setting setPickListConstructor("MyPickListMenu") I was not able to do this)?

[tvizgaitis]

Hi Isomorfic,

Any news on this issue?

[Isomorphic]

We do see the issue - it's a result of the filterEditor sizing to the requested pickListWidth, where the rest of the pickList is being clipped to the page.

It hasn't been addressed yet, it's queued behind other issues from customers with support contracts.

In the meantime, just don't make your pickList wider than your page :)