Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animate cursor bullet overlay #2730

Open
raineorshine opened this issue Dec 25, 2024 · 0 comments
Open

Animate cursor bullet overlay #2730

raineorshine opened this issue Dec 25, 2024 · 0 comments
Assignees
Labels
feature New feature or request

Comments

@raineorshine
Copy link
Contributor

raineorshine commented Dec 25, 2024

Steps to Reproduce

- a
- b
- c

Move the cursor from a to b.

Current Behavior

The cursor bullet overlay (the gray circle around the cursor bullet) immediately snaps to b.

Expected Behavior

The cursor overlay bullet should smoothly animate to its new location with veryFastDuration and ease-in-out.

I recommend rendering the cursor bullet overlay with position: absolute in the LayoutTree next to the TreeNodes, since the LayoutTree has the thought positions.

The overlay must be perfectly centered on the bullet:

  • at all font sizes
  • on all platforms
  • table view

When the cursor thought moves (e.g. indent, moveThoughtDown), the overlay should track with the bullet like it does currently.

@raineorshine raineorshine added the feature New feature or request label Dec 25, 2024
@raineorshine raineorshine changed the title Animate cursor between thoughts Animate cursor bullet overlay Dec 25, 2024
@raineorshine raineorshine added this to the ⚛️ React II milestone Jan 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants