Select Dropdown not working on Screen rotation ?

[RolandExSauce]

hello guys, I hope you can help me - I'm currently building my own webpage with vue and facing a weird behaviour with Select tag from html, I did isolate the problem to this one component:

Drop down is not working when screen is rotated:

Choose a pet: Choose a pet: --Please choose an option-- Dog Cat Hamster Parrot Spider Goldfish

<p>Selected Pet: {{ selectedPet }}</p>

I know how to get the selected value, but that should work regardless, I added some pictures so that you can better understand what I mean:

I tried opera, chrome, edge same result, i dont know is this a bug ? I tried with a simple html file with no framework setup and its working fine even when rotated:

my index.html of my vue project:

<title>Roland Exauce</title>

<script type="module" src="/src/main.ts"></script> I included: