Overflow hidden on body element is not working

Question

In the example below, setting focus to an element outside of viewport still scrolls to it despite overflow:hidden on body, and the element is visible despite be