fix: Edge scroll issues

https://codepen.io/runjuu/pen/RmqZMB

Author: runjuu

src/Bar/Bar.styled.ts

@@ -32,13 +32,10 @@ export const StyledBar = styled('div', {
 export const StyledInteractiveArea = styled.div<StyledInteractiveAreaProps>(
   ({ top = 0, right = 0, bottom = 0, left = 0, vertical }) => ({
     boxSizing: 'content-box',
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
     width: '100%',
     height: '100%',
-    transform: 'translate(-50%, -50%)',
     padding: `${top}px ${right}px ${bottom}px ${left}px`,
+    margin: `-${top}px -${right}px -${bottom}px -${left}px`,
     cursor: vertical ? 'row-resize' : 'col-resize',
     WebkitTapHighlightColor: 'transparent',
     userSelect: 'none', // disable ios long press popup