element with overflow-y scrollable : My page scrolls down when I interact with an element inside it

I have an element with a fixed height (it has the CSS property : overflow-y:scroll;) in which I generate a bootstrap 5 table with radio buttons for each row. The problem I have is that when I click on a radio button that is far down in my table, it scrolls the whole page down. I'd like that not to happen, how do I stop that ?