NUKnightLab / NUKnightLab/StoryMapJS

Visual glitches

Open
#506 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
248
Forks
61
Avg merge
1m
Merged PRs (30d)
1

Description

With current browsers (like Chrome 152.0.7977.84) there are massive visual glitches:

Since it's hard to describe i've created a screen recording:

https://github.com/user-attachments/assets/bdf21c22-fb58-452b-9202-c7593bf03353

The first issue is that the marker and path layer seem to be decoupled from the map they move independently of each other, and it just looks wrong. to me it sees that ways reach the end state of the transition to early.
Another issue is that map tiles partly aren really scaled but look like some are just blended with the tiles in the final state. Interestingly this isn't consistent, not all tiles act that way, which makes it stand out all the more negatively.

I thought I've also seen one where it looks like map tiles are stuck in place (without any blending) while the animation is running, but I haven't been able to create a video of it yet.

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 visual glitches in Chrome 152.0.7977.84 while comparing the behavior with the attached screen recording. Trace the map transition rendering for the marker and path layers and for tile scaling or blending; done means these layers stay synchronized and tiles animate consistently without sticking or premature transitions.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.