User Interaction settings add extra ways visitors can dismiss a notification beyond the close button. These options are available with Notifal Pro on the Behavior tab.
Free plan users see an overview of these features with an upgrade option. See What Is Notifal? (Free vs Pro).
Basic dismiss timing (close button, auto-hide) is covered in Dismiss Rules.
Available options (Pro)
| Setting | What it does | Best for |
|---|---|---|
| Dismiss on Click Outside | Clicking the dimmed backdrop (popup) or area outside the box closes the notification | Popups where you want an easy exit without hunting for X |
| Dismiss on Escape Key | Pressing the Esc key closes the notification | Desktop users and keyboard-friendly sites |
| Dismiss on Scroll | Scrolling the page closes the notification | Toasts and side boxes that should not block reading |
| Swipe to Dismiss | Swiping on touch devices closes the notification | Mobile-friendly toasts and side notifications |
All four are off by default. Turn on only what fits your design. Too many dismiss paths can frustrate visitors who scroll or tap by accident.
Tips by display type
Popup (Modal): Dismiss on Click Outside and Escape are common pairings. See Display Types.
Floating Side Box (Toast): Swipe to Dismiss and Dismiss on Scroll work well. Use with care on long pages where visitors scroll a lot.
Floating Bar (Topbar): Outside click is less common for full-width bars. A visible close control is usually clearer.
Works with other behavior settings
- Prevent Page Scroll (Behavior → Advanced): When ON, the page behind a popup does not scroll. Pair thoughtfully with Dismiss on Scroll (scrolling may still close the notification depending on setup).
- Respect User Dismissal (Timing tab): After any dismiss method, the notification can stay hidden for the rest of the session.
- Focus Trap (Accessibility): See Accessibility: Focus Trap and ARIA if you use Escape to dismiss while keyboard users are inside the popup.
In this topic
- Dismiss Rules
- User Interaction Dismiss Options (Pro) (you are here)
- Accessibility: Focus Trap and ARIA
- Tab Badge Behavior (Pro)
Related
- Dismiss Rules , close button and auto-hide
- Position and Device Visibility , mobile vs desktop