search

selemondev / svelte-marquee

A Beautiful Marquee component for Svelte ✨
https://svelte-marquee.vercel.app
MIT License
82 stars 1 forks source link

A few issues, I have encountered so far. #3

Open MordechaiHadad opened 8 months ago

MordechaiHadad commented 8 months ago
  1. enabling import "@selemondev/svelte-marquee/dist/style.css"; fucks the entire layout of the webpage. When I add this line of code the entire layout gets fucked (I assume it messes with the breakpoints), reproduction links: repo and live example. According to the breakpoints from 768px view-port width the flex direction should be row, but it keeps being a column, removing this import fixes this issue.
  2. Introducing higher speeds like [--duration:5s] makes it go faster, but will leave it with a gap, and when the loop restarts it is very noticeable (not in the reproduction link)
selemondev commented 8 months ago

Hey there @MordechaiHadad , thanks for opening an issue.

  1. Custom gap ✅ - ( Fixed in v0.0.2 ).
  2. CSS breakpoint bug ⏳.
MordechaiHadad commented 5 months ago

@selemondev whats the status of this issue?

ondrejjcizek commented 4 months ago

Still the same, i have logos like this and same bug

Can you fix? For now I think a fix with doble count of elements. So there are twice.

Set --duration: 80s; in css because too many element and it's fast.

https://github.com/selemondev/svelte-marquee/assets/14270194/be8ce93f-fbf6-4b31-b81d-b8a76067d5b0

selemondev commented 3 months ago

@selemondev whats the status of this issue?

Hey @MordechaiHadad, for the time being we have found a workaround until an optimum solution is found. You can checkout the workaround here and also read more about the issue here.