Skip to content

Sandbox bar at bottom hides CTAs in popup #383

@yoheioka

Description

@yoheioka

Description:
When using the Plaid React SDK in sandbox mode, the sandbox banner at the bottom of the screen overlaps with and hides call-to-action buttons/links inside the popup if the window size is constrained to a size that's not small enough to trigger a full screen experience.

This prevents users from being able to click certain buttons and links.

Steps to Reproduce:

  1. Run Plaid React SDK in Sandbox mode.
  2. Open the Link popup in a window size that does not trigger full screen (e.g., ~500x600).
  3. Observe that the sandbox bar overlaps with the popup’s bottom buttons.

Expected Behavior:
The popup should remain fully visible with CTAs accessible, regardless of sandbox bar presence. For example, the second screenshot below shows the intended view where buttons are not blocked.

Screenshots:

  • Current behavior (blocked CTA):
Image
  • Expected behavior (CTA visible upon scrolling):
Image

Environment:

  • Plaid React SDK
  • Sandbox mode
  • Window size: ~500x600

Suggested Solutions:

  • Relax thresholds to make the experience full screen
  • Add bottom margin or inset to the popup so CTAs are positioned above the sandbox bar.
  • Alternatively, make the popup scrollable beyond the sandbox bar, so blocked CTAs/links can still be accessed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions