๐Ÿš€ Stablecoin Accounts are live! Learn more

Dynamic home pagelight logodark logo
  • Explore Dynamic
  • Start Free
  • Start Free
Documentation
React SDK
React Native SDK
Swift SDK
Flutter SDK
Tutorials
API Reference
Troubleshooting
Live Support
  • System Status
  • Changelog
  • General
    • Initial Steps
    • Dynamic Doctor
    React Issues
    • Cannot resolve rpc-websockets
    • Cannot convert a BigInt value to a number
    • Failed to parse source map warnings
    • Jest Error: SyntaxError: Cannot use import statement outside a module
    • Modal pop up isn't visible
    • Vite.js polyfills necessary for Dynamic SDK
    • Vite.js - Starknet module export error
    • Input Cannot Be Focused
    NextJS Issues
    • Module not found: Can't resolve 'encoding'
    • FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed
    • Hydration failed because initial UI does not match what was rendered on the server
    Other Issues
    • Can't resolve 'crypto'
    • Wallet is redirecting to the App Store
    • WalletConnect Unsupported Chain
    • TypeScript Compilation Errors
    • Store Approval Issues
    React Issues

    Input Cannot Be Focused

    Sometimes inputs on Dynamic modal components cannot receive focus. This is a common issue with libraries that use react-focus-lock to manage focus.

    This is often solved by disabling the focus trap on certain components so that the modal elements can be focused.

    โ€‹
    Chakra UI Example

    Copy
    Ask AI
    <Drawer.Root 
      focusTrap={false}
      closeOnInteractOutside={false}
      {/* ... */}
    >
      {/* ... */}
    </Drawer.Root>
    

    Was this page helpful?

    Vite.js - Starknet module export errorModule not found: Can't resolve 'encoding'
    twitterlinkedinslack
    Powered by Mintlify
    On this page
    • Chakra UI Example
    Assistant
    Responses are generated using AI and may contain mistakes.