angular2-multiselect-dropdown icon indicating copy to clipboard operation
angular2-multiselect-dropdown copied to clipboard

Dropdown List opening to top with position bug

Open 6amalgama9 opened this issue 3 years ago • 1 comments

I used angular2-multiselect-dropdown v.5.0.4 and angular v.12.

While testing I figure out that position bug of dropDown list is only depends on this 3 settings in different combinations:

  • enableSearchFilter
  • enableCheckAll
  • enableFilterSelectAll

I think the height of elements which appear by depending of those setting is missed on calculating the top position of the list (when the list is openning to the top). And some events such as 'Select All' also miss firering of recalculation of list position (below will be screenshot).

For example, single and multiple select without any turned on options from above: Screenshot 2022-02-01 162302-single-noOption Screenshot 2022-02-01 162454-multi-noOptions

DropDown List apears in propper way only if enableSearchFilter and enableCheckAll setted to 'true'.

Screenshot 2022-02-01 162220-properList

But even in whis case , when you click on 'Select All' checkbox or try to search, position of dropDown list is move out.

Screenshot 2022-02-01 162523-multi-selectAll Screenshot 2022-02-01 162824_multi-search

Position "to bottom" is always a properly.

Here is my Stackblitz example.

6amalgama9 avatar Feb 01 '22 19:02 6amalgama9

+1. Same issue in Angular 18 as well. if there's no space below the select box, it will drop up, but position is like this:

Image

ravimallya avatar Jan 27 '25 05:01 ravimallya