Internal issue 3054 - Dropdown opens off screen

Summary:
We are using multiple ic-select’s within our code, however, the one we use for our page size dropdown ocassionally opens off screen. We know there is a fix potentially available for it in changing the ‘data-popper-placement’ property value to ‘top' instead of ‘bottom’ however that value cannot be picked up unless the dropper is opened, at which point, the value of ‘bottom; has been set.

How to reproduce:
I could not tell you how, this happens to some of us and not others, and it changes depending on the platform used to access our application. Chromium shows the bug, Edge does not show the bug UNLESS you’re on a higher resolution of around 2256 x 1504, at which point the bug appears.

Additional Info:
I would have expected the popper to recognise it has no space below and to open upwards, like some of the others do.

Would it be possible to add an editable property that allows us to change the poppers placement?

Start by locating the ic-select popper placement logic and reproduce the off-screen dropdown across Chromium, Edge, platforms, and screen resolutions. Done means the page-size dropdown opens within the viewport when space below is unavailable, with any supported placement option documented and covered by a regression check.

Written by the indexing model from the issue text.