[Grid] The chosen positioning strategy for toolbar dropdowns causes them to not display their full contents in certain scenarios #16410
Description
- igniteui-angular version: all
- browser: all
Steps to reproduce
- Open https://stackblitz.com/edit/xwmo8w3s?file=src%2Fapp%2Fgrid%2Fgrid-toolbar-sample%2Fgrid-toolbar-sample-1.component.scss
- Lower the height of your browser so that the grid is not fully visible
- Open the Column Hiding toolbar dropdown
Result
The dropdown is rendered with parts of it under the viewport making it not usable
Expected result
The dropdown should appear fully. Likely a good fix would be to use Auto position strategy instead of connected as it is now.