bug(select): Options panel positioning does not work
See original GitHub issueReproduction
Steps to reproduce:
- here is the repo to show the problem
- npm install, ng serve
- Once you open up browser scroll down so you force select to open towards up

- select should open normally
- scroll down in the option panel and select last item
Tom1ato - Open up the select again and the overlay panel is completly off.

Expected Behavior
What behavior were you expecting to see?
I would like to maintain the behavior when you initially opened up the select. Overlay should stay on the same possition and scroll correctly to selected item
Actual Behavior
What behavior did you actually see? Overlay jump all the way up, completly off from triggering select and Does not even scroll to selected item.
Environment
Angular CLI: 9.0.7
Node: 12.0.0
OS: darwin x64
Angular: 9.0.7
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.900.7
@angular-devkit/build-angular 0.900.7
@angular-devkit/build-optimizer 0.900.7
@angular-devkit/build-webpack 0.900.7
@angular-devkit/core 9.0.7
@angular-devkit/schematics 9.0.7
@angular/cdk 9.2.4
@angular/material 9.2.4
@ngtools/webpack 9.0.7
@schematics/angular 9.0.7
@schematics/update 0.900.7
rxjs 6.5.5
typescript 3.7.5
webpack 4.41.2
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
How to fix position of mat-select-panel in Angular Material
My predictions why it does not work: mat-select-panel has a position absolute and is set to position depending on cdk-overlay-panel.
Read more >Handling common accessibility problems - MDN Web Docs
Objective: To be able to diagnose common Accessibility problems, ... for example the <select> element can have its options displayed and ...
Read more >23106 - <select> drop-down is always left-aligned even the dir ...
Issue 23106: <select> drop-down is always left-aligned even the dir of <select> is RTL. · 1. Open the above URL. · 2. click...
Read more >Fixes or workarounds for recent issues in Outlook for PC
Jump to each section on this page for specific Outlook issue: Outlook issues after connecting Outlook to Outlook.com. Outlook known issues in the...
Read more >Angular ng-select - npm
A boolean should be returned. dropdownPosition, bottom | top | auto, auto, no, Set the dropdown position on open.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Looks like an issue with the logic that tries to position the option over the trigger doesn’t work correctly when it’s close to the bottom of the screen and the active option is around the middle of the list.
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.