facebook / facebook/lexical

Bug: Inconsistent Range Input Behavior in Time Travel Feature of TreeView between Create React App (CRA) and Next.js

Open
#4,703 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
23.9k
Forks
2.2k
Avg merge
1d 16h
Merged PRs (30d)
61

Description

When using the Time Travel feature of the ``, I have observed different behaviors with the range input in Create React App (CRA) and Next.js. Specifically, when I hit the Time Travel button, the value of the range input's indicator is set to its maximum value for CRA, while it is set at its middle position for Next.js.

Lexical version: 0.11.1

## Steps To Reproduce

1. Run an application built with `` in CRA and Next.js
2. Provide some texts in the ``
3. Hit the `Time Travel`
4. Observe the range input's indicator positioned.

## The current behavior
In CRA, when using the Time Travel feature, the range input's indicator is consistently positioned at its maximum value. However, in Next.js, the indicator is consistently set at its middle position.

## The expected behavior
In both CRA and Next.js, the range input's indicator should maintain consistent behavior when using the Time Travel feature of the ``. The default position of the indicator should align with wherever the value of the range input that is supposed to be.

Contributor guide

Open the contributing guide

Research direction

Reproduce the Time Travel behavior with the TreeView and ContentEditable components in both Create React App and Next.js. Inspect the TreeView time-travel range input and compare its value and indicator position in each setup; done means the indicator behaves consistently in both environments.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, react, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.