Select: investigate behavior on mobile

[silvalaura]

Describe the bug In the first video, I have a page with long content and a scrollbar. I clicked on the select component to view its options. After that, I scrolled to the top and clicked on the toggle, but the toggle value didn’t change after the click. Instead, I was navigated back to the bottom of the page where the select component is located. However, if the content is short enough so that both the select box and the toggle are visible at the same time, this behavior does not occur.

https://github.com/user-attachments/assets/b7169e5c-b00a-4688-bfbf-3ec74ab88957

https://github.com/user-attachments/assets/4aa16a2f-a0c0-44a4-945a-bba05ac29302

To Reproduce Steps to reproduce the behavior:

1. Go to https://codesandbox.io/p/sandbox/react-magma-example-forked-yyp4yy?file=%2Fexample.tsx%3A21%2C30
2. View on mobile screen

Expected behavior Behavior on mobile should match desktop-- the toggle should be selected without scrolling to the bottom where the select is

Reported on Slack