Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Request for Assistance with Backdrop Filter and Animation Issue in Firefox

  • 4 replies
  • 0 have this problem
  • 37 views
  • Last reply by Aram

Aram
Aram
more options

Dear Firefox Support Team,

I am writing to seek assistance with a technical issue I've encountered while implementing a backdrop filter and animation on a navigation bar.

To provide some context, I have incorporated a backdrop filter effect on our navigation bar, accompanied by a translateX animation to reposition it smoothly. However, when testing the website in Firefox, I have noticed a noticeable choppiness in the animation performance. This issue persists on both desktop and Android devices.

To help you better understand the problem, I have included a screenshot, so you can see the issue.

I would greatly appreciate any guidance or suggestions you may have on how to address this problem and improve the performance of the backdrop filter and animation in Firefox.

For your convenience, here are the relevant links: 

   Live Site URL: https://ohsorrow.me/Space-tourism-website/
   GitHub Repository: https://github.com/OhSorrow/Space-tourism-website

Your expertise and support in resolving this matter would be invaluable to our project. Thank you in advance for your time and assistance.

Sincerely, Aram

Dear Firefox Support Team, I am writing to seek assistance with a technical issue I've encountered while implementing a backdrop filter and animation on a navigation bar. To provide some context, I have incorporated a backdrop filter effect on our navigation bar, accompanied by a translateX animation to reposition it smoothly. However, when testing the website in Firefox, I have noticed a noticeable choppiness in the animation performance. This issue persists on both desktop and Android devices. To help you better understand the problem, I have included a screenshot, so you can see the issue. I would greatly appreciate any guidance or suggestions you may have on how to address this problem and improve the performance of the backdrop filter and animation in Firefox. For your convenience, here are the relevant links: Live Site URL: https://ohsorrow.me/Space-tourism-website/ GitHub Repository: https://github.com/OhSorrow/Space-tourism-website Your expertise and support in resolving this matter would be invaluable to our project. Thank you in advance for your time and assistance. Sincerely, Aram
Attached screenshots

All Replies (4)

Paul
Paul
  • Top 25 Contributor
  • Moderator
more options

Hi

I have just tried that site (very nice!) in Firefox for Android and it seemed to work fine.

Do you have any add-ons installed in Firefox for Android?

What level of enhanced tracking protection do you have set?

Aram
Aram Question owner
more options

Paul said
Hi I have just tried that site (very nice!) in Firefox for Android and it seemed to work fine. Do you have any add-ons installed in Firefox for Android? What level of enhanced tracking protection do you have set?

Hello Paul,

I appreciate your attention. I've made another attempt to install Firefox for Android without any add-ons and with various enhanced tracking protection settings, but the problem persists.

Paul
Paul
  • Top 25 Contributor
  • Moderator
more options

Just to clarify, what is the problem you are having?

The side menu opens and closes perfectly fine for me.

Aram
Aram Question owner
more options

Paul said
Just to clarify, what is the problem you are having? The side menu opens and closes perfectly fine for me.


To help you understand the problem better, I've posted a video demonstrating the issue. The backdrop-filter doesn't seem to be working well when the menu bar is moving. Video: https://streamable.com/7q3wo6