fix: prevent focus changed by pressing tab (#26)

src/InteractionModal.js

@@ -53,6 +53,11 @@ function InteractionModal({
           handleOk();
         }
       }
+
+      // Prevent focus change
+      if (e.key === 'Tab') {
+        e.preventDefault();
+      }
     }
 
     if (shouldShowModal) {
@@ -66,9 +71,8 @@ function InteractionModal({
 
   /**
    * using open/show judge by rsuite version
-   * @example @3 propTypes undefined
    * @example @4 no 'open' in propTypes
-   * @example @4 'open' in propTypes
+   * @example @5 'open' in propTypes
    */
   const modalProps = {
     [Modal.propTypes && 'open' in Modal.propTypes

src/__tests__/prompt.test.js

@@ -30,6 +30,21 @@ it('shows dialog with given message and an text input and two buttons', async ()
   ).toBeInTheDocument();
 });
 
+it('Should lock focus on the text input', () => {
+  prompt('Message');
+
+  const dialog = screen.getByRole('alertdialog');
+  const textbox = within(dialog).getByRole('textbox');
+
+  // Textbox has focus initially
+  expect(textbox).toHaveFocus();
+
+  userEvent.tab();
+
+  // Still has focus after user presses Tab
+  expect(textbox).toHaveFocus();
+});
+
 it('renders default value', async () => {
   const defaultValue = 'Default value';
   prompt('Message', defaultValue);