Select options window defaults to above Select element

I have a select tag that has around 300 available options.

It is only upon scroll that the window for options is moved down.

However when the website is first loaded and the user has not scrolled down the options show above the input as seen on the image below.

How can I always make it go down.

From the answers I have read online it seems like it dependent on the browser. The answers are very old though. I was wondering if anyone else has come across this .

I am using bootstrap 5.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.