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.

Sign up for GitHub

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

Jump to bottom

Lucide icon breaks svelte attribute reactivity #1712

Closed
4 of 25 tasks
ranjan-purbey opened this issue Dec 2, 2023 · 1 comment
Closed
4 of 25 tasks

Lucide icon breaks svelte attribute reactivity #1712

ranjan-purbey opened this issue Dec 2, 2023 · 1 comment
Labels
🐛 bug Something isn't working

Comments

@ranjan-purbey
Copy link

ranjan-purbey commented Dec 2, 2023 •
edited

Package

  • lucide
  • lucide-angular
  • lucide-flutter
  • lucide-preact
  • lucide-react
  • lucide-react-native
  • lucide-solid
  • lucide-svelte
  • lucide-vue
  • lucide-vue-next
  • Figma plugin
  • source/main
  • other/not relevant

Version

0.294.0

Browser

  • Chrome/Chromium
  • Firefox
  • Safari
  • Edge
  • iOS Safari
  • Opera
  • Other/not relevant

Operating system

  • Windows
  • Linux
  • macOS
  • Other/not relevant

Description

Adding a lucide icon inside a dynamic <svelte:element> svelte component breaks attribute reactivity for all other components in that svelte block. Note that this only happens if the this attribute of svelte:element is dynamic.

Steps to reproduce

  1. Go to demo.
  2. Try checking/un-checking the checkbox and see the border style of the paragraph below change.
  3. Un-comment the <ArrowRight> line inside the <svelte:element>.
  4. Try step 2 again but this time border style doesn't change with checked state

Checklist

  • I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
@ranjan-purbey ranjan-purbey added the 🐛 bug Something isn't working label Dec 2, 2023
@ranjan-purbey
Copy link
Author

ranjan-purbey commented Dec 2, 2023 •
edited

Closing this as this turns out to be a bug in svelte itself sveltejs/svelte#9742

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ranjan-purbey