Our blazing fast Grid component built with pure JavaScript


Post by lauragomez »

When combo widget is near to the end of the window but not at the end itself, it is open down and not open up so not all items are showed.

For example, if it should show 5 items, we can only see 2 or 3.

It can be checked on bryntum combo widget live demos as we can see in the attached video

Dropdown defect.mov
(1.38 MiB) Downloaded 22 times

Post by alex.l »

Hi lauragomez,

It's by design. It's still possible to see all items in available space, even if not full height is available but only minimal height.
You can see that on your video. Last item "David Jackson" is visible even when you see only half of expanded list.

All the best,
Alex


Post by lauragomez »

Hi, Alex, thank you for your answer.

Yes, we can see it if we do some scroll but it seems a bit weird to have to look at this little space having an empty clean window available.

This is how it being seen in our grids (two different examples):

Screen Recording 2023-02-20 at 12.11.14.mov
(9.03 MiB) Downloaded 20 times
image (7).png
image (7).png (174.88 KiB) Viewed 305 times

Wouldn't it be better if it just is opened to up when it has enough space for there and not for bottom?


Post by alex.l »

I can manage minHeight for the picker and increase it to align as you need

Here is example of config for column

            editor : {
                type : 'dropdown',
                items : DataGenerator.cities,
                picker : {
                    align : {
                        minHeight : 300
                    }
                }
           }

All the best,
Alex


Post by lauragomez »

Hi! Thanks for the suggestion!

We have tried it but it seems it is not working for our case. We are overriding the combo behaviour and filling the store with picklist entries while the user is typing. For this reason, the first time the picker is rendered it has 0 entries so it fits downwards in our screen.
The problem comes after adding more values because the picker is not re rendered completely so the position is wrong.

We have a workaround which is hiding and showing the picker after updating the store but the visual result is not the best. Is there any way of forcing it to completely render (and chose a new position) without hiding it?

Thanks in advance


Post by alex.l »

Nothing public I can share with you, besides try to align it yourself when it's required.
https://bryntum.com/products/gantt/docs/api/Core/widget/Widget#function-alignTo

Or try to call combo.picker.realign(). It's private and not really safe to use it, since we can change/rename private method without notification.

All the best,
Alex


Post by Animal »

Try configuring the picker with monitorResize : true

it will then realign itself whenever it changes size.


Post by lauragomez »

monitorResize : true seems to be working better than our workaround.

Thank you both for your help time!


Post by lauragomez »

My bad! But something seems weird here. Now all the values are getting displayed when scrolling through the picker but for some reason Bryntum always decide to render downwards except I start scrolling up through the page

Screen Recording 2023-02-23 at 17.31.57.mov
(2.43 MiB) Downloaded 21 times

Post by alex.l »

What minHeight is equal to? Did you try realign or alignTo as suggested above?

All the best,
Alex


Post Reply