Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown List opening to top with position bug #605

Open
6amalgama9 opened this issue Feb 1, 2022 · 1 comment
Open

Dropdown List opening to top with position bug #605

6amalgama9 opened this issue Feb 1, 2022 · 1 comment
Assignees
Labels

Comments

@6amalgama9
Copy link

6amalgama9 commented Feb 1, 2022

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.

@ravimallya
Copy link

+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

@CuppaLabs CuppaLabs self-assigned this Jan 27, 2025
@CuppaLabs CuppaLabs added the bug label Jan 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants