fix: prevent scroll when modal container and sentinel get focused (#430)

* fix: prevent scroll when modal container and sentinel get focused

* Update src/Dialog/index.tsx

Author: afc163

src/Dialog/Content/Panel.tsx

@@ -59,14 +59,14 @@ const Panel = React.forwardRef<ContentRef, PanelProps>((props, ref) => {
 
   React.useImperativeHandle(ref, () => ({
     focus: () => {
-      entityRef.current?.focus();
+      entityRef.current?.focus({ preventScroll: true });
     },
     changeActive: (next) => {
       const { activeElement } = document;
       if (next && activeElement === sentinelEndRef.current) {
-        sentinelStartRef.current.focus();
+        sentinelStartRef.current.focus({ preventScroll: true });
       } else if (!next && activeElement === sentinelStartRef.current) {
-        sentinelEndRef.current.focus();
+        sentinelEndRef.current.focus({ preventScroll: true });
       }
     },
   }));

src/Dialog/index.tsx

@@ -143,10 +143,8 @@ const Dialog: React.FC<IDialogPropTypes> = (props) => {
     }
 
     // keep focus inside dialog
-    if (visible) {
-      if (e.keyCode === KeyCode.TAB) {
-        contentRef.current.changeActive(!e.shiftKey);
-      }
+    if (visible && e.keyCode === KeyCode.TAB) {
+      contentRef.current.changeActive(!e.shiftKey);
     }
   }