HumanSignal / HumanSignal/label-studio
Time Series horizontal scolling becomes unresponsive when time viewing window narrows (zooming in)
- Dominant language
- TypeScript
- Stars
- 28.3k
- Forks
- 3.7k
- Avg merge
- 14h
- Merged PRs (30d)
- 15
Description
**Describe the bug**
I am labelling a time series with 3 channels with about 3.6M samples per channel. Scrolling and marking is nice and fast when the page first loads. But, if I zoom in the time viewing window too small, scrolling performance becomes slow and unresponsive.
**To Reproduce**
1. Create a TimeSeries Labelling Interface
```
```
2. Load a CSV file from local disk with 3,600,000 rows, 3 columns
3. GOOD: Scroll the time window left and right. It should be quick and interactive
4. Drag the right edge of the time window to make it very narrow.
5. BUG: now scrolling the time window is very slow and unresponsive
6. Drag the right edge of the time window to make it very wide.
7. GOOD: the time window is fast and responsive again
**Expected behavior**
Scrolling the time window should be fast and responsive even when it is narrowed.
**Screenshots**
3. GOOD: Right after initial load. I can scroll quickly by dragging the time slider (at the bottom)

4. BAD: Narrow the time window by dragging the side of the gray bar on the time slider. Then scrolling becomes very slow and unresponsive

6. GOOD. dragging the time slider wider (increasing the displayed time axis), scrolling becomes fast again

**Environment (please complete the following information):**
- OS:
- Linux
- Chrome Version 110.0.5481.177 (Official Build) (64-bit)
- Label Studio Version
- guithub: bf7597d4
- nearest tag: origin/lse-release/2.4.0
**Additional context**
Maybe related to https://github.com/heartexlabs/label-studio/issues/1705 ?
Contributor guide
Assessment
This issue has not been assessed yet.