search

naumch1k / one-fall

Landing page for ONE FALL, Salem-based melodic punk and hardcore quartet has rapidly made a mark in New England
https://develop--one-fall.netlify.app/
0 stars 0 forks source link

BUG: The 'Equalizer' Icon Moves Up and Down While playing an Audio Track #42

Closed yuliia-harshyna closed 1 month ago

yuliia-harshyna commented 2 months ago

Description

This movement creates the effect of a jumping icon. It occurs only in Firefox browser.

Environment

Desktop:

Steps to reproduce:

  1. Go to https://develop--one-fall.netlify.app/
  2. Click on the 'MUSIC' menu item.
  3. Click on any audio track for playing.
  4. Pay attention to the 'Equalizer' icon behavior.

Actual result:

The 'Equalizer' icon moves up and down while playing an audio track.

Expected result:

The 'Equalizer' icon dosn't change its location while playing an audio track.

Attachments:

https://github.com/user-attachments/assets/13c15a32-be5c-42a4-bf30-02cfea701b86

Additional context

This issue also occurs on mobile device Motorola e7 power, Firefox browser version 129.0 (build #2016035991). It doesn't occur on tablet.

github-actions[bot] commented 2 months ago

@yuliia-harshyna 👋

Thanks for dropping in with the issue! Our team is ready to dive into it as soon as possible! 🚀

If you would like to work on this issue, please wait for us to decide if it's ready; hang tight until we've given it the green light. The issue will be ready to work on once we remove the Needs triage label.

To claim an issue that does not have the Needs triage label, please leave a comment that says ".take". If you have any questions, please follow up on the issue itself.

For full info on how to contribute, please check out our contributors guide.

Let's make some magic together! ✨

naumch1k commented 2 months ago

@Yura33-dev Can you check if you can reproduce this bug? I tested on all devices and browsers I have an access to, including Firefox 129.0.1, but didn't see any issues 🤔

Yura33-dev commented 2 months ago

@naumch1k Of course! I have checked this bug on Firefox 129.0.1. I have the same behaviour of Equalizer which @yuliia-harshyna have discovered for this issue. 😨 Equalizer really a little jumping when music playing.

naumch1k commented 2 months ago

@Yura33-dev Thanks! So, it probably has something to do with Windows OS since you both see it and I don't 🙂

UPD: I just took a closer look at the element, and I do see it on MacOS and Android devices. So,the issue is not with Windows OS but with Firefox.

After further investigation, I noticed that the equalizer stops moving up and down when I remove transform: translateX(-50%); from the .item element. We might need to consider an alternative approach for centering to resolve this problem.

naumch1k commented 1 month ago

.take

github-actions[bot] commented 1 month ago

@naumch1k 👋 Thanks for picking up this issue! 🙌 Feel free to reach out if you need any help or have questions!