bramus / bramus/scroll-driven-animations-debugger-extension

Minimap: positioning vs ancestor tree

Open
#33 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
No language data
Stars
59
Forks
2
PR merge metrics
No merged PRs in 30d

Description

E.g. https://cdpn.io/pen/debug/oNOMRav has an animation on `.inner`. When inspecting it’s not correctly positioned in the minimap as the minimap does not take all intermediary elements between the element itself and the root.

In that specific demo it’s the intermediary `#wrapper` is fixed positioned.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue using the linked CodePen, especially the animation on `.inner` with the fixed-position `#wrapper`. Trace how the minimap determines positioning relative to the root and account for intermediary elements in the ancestor tree. Done means the animated element is correctly positioned in the minimap in this example.

Written by the indexing model from the issue text.

Assessment

Domain
devtools
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.