Css “border-radius” property set on parent affects scrollbar behaviour on mobile devices

Question

I stumbled upon strange behaviour and i know how to fix the issue but still I\'m curious about why this happens in the first place. I have the following structure in my html