Modal design: Need to scroll to see top/bottom of modal with important user actions

[anikbrazeau]

Description

In long modals, the need to scroll obfuscates the heading/close button and the CTA buttons.

Steps to reproduce

1. Go to a draft form
2. Select API delivery in Settings
3. Create an API key
4. See need to scroll in modal
5. Test out filling out a response
6. Go to responses page
7. Select download to open another modal and see the scroll hide the CTA buttons

Details

• Browser: Edge
• Operating system: Windows
• Environment: Staging
• Language: English
• Viewport: Tablet

Expected behaviour

Consider freezing the frame with the heading/title/close button statically locked and the CTAs also always visible

Screensh

ots or videos

[timarney]

@Abi-Nada

Perhaps we look at this card for Dialogs in general vs the API ... we re-use the dialog across the app.

[Abi-Nada]

Makes sense! Moving it out of Sprint Backlog so we can prioritize API-specific work accordingly