Unexpected modal position change

Affected browser: Chrome, Edge

Reproduce steps:

1. Make a simple modal
2. Set long contents in modal to have scrolling, put radios at bottom

...
          <ModalBody>
            <Box>
              <Box h={800}/>
              <RadioGroup variantColor="green" defaultValue="1">
                <Stack direction="row" spacing="3x">
                  <Radio value="1">Radio 1</Radio>
                  <Radio value="2">Radio 2</Radio>
                </Stack>
              </RadioGroup>
            </Box>
          </ModalBody>
...

1. Open the modal, scroll to bottom <kbd></kbd>
2. Click to change radio select
3. The modal have unexpected position change <kbd></kbd>

Expected results: The modal should keep the same position

[light049]

Related to #344

Thx, hope the style ‘overflow:hidden’ could be the clue to fix this issue.

[cheton]

Related to https://github.com/trendmicro-frontend/tonic-ui/issues/344