Horizontal scrollbar hides single item in picklist when typing fast

[martintaal]

Hi,
I have a strange issue with a picklist when I type very quickly or paste a whole word in the input (resulting in one value in the picklist) then the picklist shows a horizontal and vertical scrollbar over the one item in the picklist, so the one item is not visible. See the attached image.

I tried to reproduce it with a simple testcase but I have not succeeded. It seems that it has to do with timing, after the data has been loaded on the client, then it does not occur.

It does neither occur if the picklist is filtered to 2 items, so only if there is one item remaining in the picklist then this occurs.

Neither does it occur when I type in very slowly (probably because the picklist first filters to several items and then to the one remaining).

Is this a known thing with a workaround/solution?
Or can I somehow disable horizontal scrollbars in the picklist?

Here are some other settings I have in the picklist:

         selectOnFocus: true,
         textMatchStyle: "substring",
         width: "100%",
         // client filtering does not always work great...         
         pickListProperties: {dataProperties: {useClientFiltering: false}, textMatchStyle: "substring", bodyStyleName:"navBarComponentPickListBody"},
         pickListHeaderHeight: 0,
         autoFetchData : false,
         titleOrientation: 'top',
         editorType: "comboBox",

gr. Martin

[Isomorphic_Paul]

Unfortunately without a standalone test case this is very difficult to resolve. This shouldn't be happening and we're not reproducing it (though I see the screenshot!)

If you can start with your application and simplify it piece by piece (moving to a clientOnly dataSource, removing other components than the DynamicForm containing the ComboBox item, etc) you should be able to get a reproducible case, or identify the change that stops the bug from occurring.
If you can get to a simple test case, post it (or if it contains anything you're rather not expose, email us directly at our support address) along with full instructions (browser/OS where you're seeing the bug, steps to reproduce) and we'll take a look.

[martintaal]

For the record this was caused by a cellHeight which was set too small, or the content was too big actually, each picklistrow shows an icon and label text, my guess is that the icon we showed took too much space for the default cell height of 16.

The solution was to set this on the select item:

pickListCellHeight: 22,

gr. Martin