nilbuild / nilbuild/driver.js

Flash of small white square on transition between steps without element

Open
#549 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
26.8k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

If I define a tour with two steps that are not attached to an element on the page and switch between them, the animation isn't smooth and a small white square is briefly shown between the rendering of the two popovers.
Video demonstration:
Image
Image of the white square:

Image

The issue occurs for me in both Firefox and Chromium.

Apologies if this issue has already been reported. I have not found anything about it in the issue list, but I might have overlooked it.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the transition between two steps without attached elements in driver.js, using the linked video and screenshots as the expected behavior reference. Trace how the two popovers are rendered and animated, then verify in Firefox and Chromium that no white square appears and the transition is smooth.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.