How to deal with overflow-y

[jdang67]

The drop down works OK if the list is very short and the body enough space to show the drop-down. Otherwise, most of data items is hidden from user. Can we change from div to select object.

[optimistex]

Hi. I continue developing the component in this fork: https://github.com/optimistex/ng2-select-ex Please describe your expectations from the dropdown when the body hasn't enough free space by vertical. And maybe I will can to implement it.

[jdang67]

Currently, ng2-select generates one Html tag for each tag and those tags belong to the body of the page. As the result when the number of items is large, the vertical scroll bar is added to allow us to see all items of the drop-down, and in some cases, only few items will be visible at first. You can reproduce this problem if the ng2-select is use in a small dialog.

[optimistex]

Are you mean something like this?

---

Instead of this?

[jdang67]

Yes, making sure opening the drop down won't change the vertical spacing between the drop down and component below it.

[optimistex]

It's done. There is more details: https://github.com/optimistex/ng2-select-ex