Skip to content

Slider: performance issues with lot of ticks #1623

@ondrejsusovsky

Description

@ondrejsusovsky

Describe the bug

When slider is created with lot of ticks (even if they're not actually rendered), it uses lot of memory and is slow to update.
Deleting ticksPropsArr and friends from the source fixes the issue.

Reproduction

https://stackblitz.com/edit/ymlj9bd4-beofexwx?file=src%2Froutes%2F%2Bpage.svelte

Logs

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 20.19.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    @sveltejs/kit: ^2.16.0 => 2.22.0 
    bits-ui: latest => 2.8.8 
    svelte: ^5.0.0 => 5.34.7

Severity

annoyance

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageA maintainer needs to review this issue and label it appropriately

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions