Four transparent shield rectangles cover the whole screen except the cutout when a step wants you to act. When the step is only explaining something, a single full-screen shield covers the cutout too — the element still glows, but tapping it does nothing.
Also called: can't click the wrong thing · safe tour · click shield
- 1Steps declare how they advance: `click` (your real click), `next` (the card's button) or `appEvent` (the app fires an event)
- 2click and appEvent steps always leave the cutout open; a `next` step opens it only when explicitly marked `interactive` (e.g. filling a wizard field)
- 3On a real click the listener is capture-phase and never calls preventDefault — the app receives the click, the tour advances a tick later
People click whatever glows. A step that was only explaining what the Leads Manager does would get clicked anyway, its window would open over the walkthrough, and the chapter was finished — the builder had to start it again, and mostly didn't bother. Explanation steps now show the control behind a shield so it cannot be triggered by accident. On steps where you are meant to do the thing, the click goes straight through to the real button and the app really does it.
- Curious clicks on explanation steps opening modals that unmount every later step's target
- Tours that either lock the whole screen or let you break them
See it on your own jobs
Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.
or keep browsing features →