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

Bug: Svelvet canvas "teleporting" on initial pan and edges are displaced #525

Open
1 task
noahstreller opened this issue Nov 20, 2024 · 0 comments
Open
1 task
Labels
bug Something isn't working

Comments

@noahstreller
Copy link

Description

In Svelvet 10.0.2, I am unable to pan on the canvas without it changing the position of both the page and the canvas on the first click. Besides, the edges are completely displaced until they get hovered.

Did I implement it incorrectly? I would be very thankful for any assistance.

Screen.Recording.2024-11-20.115439.mp4
Screen.Recording.2024-11-20.115704.mp4

Reproduction

  1. Clone or download this branch
  2. run npm i and npm run dev
  3. Paste the contents of a valid JSON file in the text box. For instance, this JSON example.
  4. Click apply and observe the results in the graph

System information

System:
    OS: Windows 11 10.0.22635
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
    Memory: 1.79 GB / 15.80 GB
  Binaries:
    Node: 20.17.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.14.1 - C:\Program Files\nodejs\pnpm.CMD
    bun: 1.1.33 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (127.0.2651.15)
    Internet Explorer: 11.0.22621.3566
  npmPackages:
    @sentry/browser: ^8.37.1 => 8.37.1
    @sveltejs/adapter-auto: ^3.0.0 => 3.3.1
    @sveltejs/adapter-node: ^5.2.9 => 5.2.9
    @sveltejs/kit: ^2.0.0 => 2.8.0
    @sveltejs/vite-plugin-svelte: ^4.0.0 => 4.0.0
    @tailwindcss/aspect-ratio: ^0.4.2 => 0.4.2
    @tailwindcss/container-queries: ^0.1.1 => 0.1.1
    @tailwindcss/forms: ^0.5.9 => 0.5.9
    @tailwindcss/typography: ^0.5.15 => 0.5.15
    @types/eslint: ^9.6.0 => 9.6.1
    autoprefixer: ^10.4.20 => 10.4.20
    better-npm-audit: ^3.11.0 => 3.11.0
    bits-ui: ^1.0.0-next.46 => 1.0.0-next.46
    clsx: ^2.1.1 => 2.1.1
    eslint: ^9.7.0 => 9.14.0
    eslint-config-prettier: ^9.1.0 => 9.1.0
    eslint-plugin-svelte: ^2.36.0 => 2.46.0
    formsnap: ^2.0.0-next.1 => 2.0.0-next.1
    globals: ^15.0.0 => 15.12.0
    lucide-svelte: ^0.454.0 => 0.454.0
    mode-watcher: ^0.4.1 => 0.4.1
    paneforge: ^1.0.0-next.1 => 1.0.0-next.1
    prettier: ^3.3.2 => 3.3.3
    prettier-plugin-svelte: ^3.2.6 => 3.2.7
    prettier-plugin-tailwindcss: ^0.6.5 => 0.6.8
    svelte: ^5.0.0 => 5.1.12
    svelte-check: ^4.0.0 => 4.0.5
    svelte-codemirror-editor: ^1.4.1 => 1.4.1
    svelte-sonner: ^0.3.28 => 0.3.28
    sveltekit-superforms: ^2.20.0 => 2.20.0
    svelvet: ^10.0.2 => 10.0.2
    tailwind-merge: ^2.5.4 => 2.5.4
    tailwind-variants: ^0.2.1 => 0.2.1
    tailwindcss: ^3.4.9 => 3.4.14
    tailwindcss-animate: ^1.0.7 => 1.0.7
    typescript: ^5.0.0 => 5.6.3
    typescript-eslint: ^8.0.0 => 8.13.0
    uuid: ^11.0.3 => 11.0.3
    vite: ^5.0.3 => 5.4.10
    vitest: ^2.0.4 => 2.1.4
    zod: ^3.23.8 => 3.23.8

Additional information

No response

👨‍👧‍👦 Contributing

  • 🙋‍♂️ Yes, I'd love to make a PR to fix this bug!
@noahstreller noahstreller added the bug Something isn't working label Nov 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant