Onboarding coach-marks jump while async layers load above them #289

New issue

Closed

opened 2026-08-10 21:23:41 +00:00 by robbertbos · 0 comments

robbertbos commented

2026-08-10 21:23:41 +00:00

Owner

During the inbox tour the open coach-mark visibly jumps around. Three stacking causes:

The status banners (App.vue, rendered above RouterView) mount only after /api/config resolves, so everything below shifts down while a coach-mark is open.
RetentionIntroBanner mounts after the settings query resolves, shifting the sections it sits above.
Hint.vue flips its bubble between top and bottom when the anchor nears the fold (Hint.vue:45-47, 114), so anchor movement can also flip the bubble to the other side.

Pre-existing behavior - the old menu-anchored step 1 shifted the same way - and dev amplifies it (dry-run banner plus "Onboarding opnieuw" resets everything at once).

Possible directions: start the tour only once the config and settings queries have settled; reserve banner space instead of inserting it; or stabilize the anchors.

During the inbox tour the open coach-mark visibly jumps around. Three stacking causes: 1. The status banners (App.vue, rendered above RouterView) mount only after `/api/config` resolves, so everything below shifts down while a coach-mark is open. 2. `RetentionIntroBanner` mounts after the settings query resolves, shifting the sections it sits above. 3. `Hint.vue` flips its bubble between top and bottom when the anchor nears the fold (Hint.vue:45-47, 114), so anchor movement can also flip the bubble to the other side. Pre-existing behavior - the old menu-anchored step 1 shifted the same way - and dev amplifies it (dry-run banner plus "Onboarding opnieuw" resets everything at once). Possible directions: start the tour only once the config and settings queries have settled; reserve banner space instead of inserting it; or stabilize the anchors.

robbertbos referenced this issue

2026-08-10 21:25:05 +00:00

Discoverable menu button and visible page titles #290

robbertbos referenced this issue from a commit

2026-08-12 19:54:05 +00:00

Start the inbox tour only once the banners above it have settled

robbertbos referenced this issue from a pull request that will close it,

2026-08-12 19:54:45 +00:00

Keep the inbox tour on screen and in step with the user #298

robbertbos referenced this issue from a commit

2026-08-12 21:07:57 +00:00

Start the inbox tour only once the banners above it have settled