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

Fix/firefox pip button activates when clicked through on settings menu #1074

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

ronalduQualabs
Copy link

@ronalduQualabs ronalduQualabs commented Feb 12, 2025

In order to fix to this issue where in firefox they have a floating toggle for Pip that interrupt the use of media chrome menus.

I made a research and we discover that Firefox uses their own PiP system adding a toggle overlaying videos and other elements if they dont have background color to 100% and opacity to 1 this make our menus unclickeable if they are under this toggle.

For now this can be partially solved adding a css class for background solid color that only applies into firefox and we created this ticket for get a better solution from mozilla them since I also discover Youtube had the same problem but they created an exception that prevent this UX bug for elements with transparencies from 0.7 or higher for them identifying its youtube by the domain.

Screenshot 2025-02-12 at 4 26 29 PM

Copy link

vercel bot commented Feb 12, 2025

@ronalduQualabs is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

codecov bot commented Feb 12, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 77.51%. Comparing base (3ea80df) to head (c833ea3).
Report is 158 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #1074      +/-   ##
==========================================
- Coverage   78.55%   77.51%   -1.04%     
==========================================
  Files          59       51       -8     
  Lines       11080    12338    +1258     
  Branches        0      726     +726     
==========================================
+ Hits         8704     9564     +860     
- Misses       2376     2746     +370     
- Partials        0       28      +28     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@ronalduQualabs
Copy link
Author

@cjpillsbury Hi, could you help me to check this ?

Copy link

vercel bot commented Feb 13, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
media-chrome ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2025 9:22pm
media-chrome-demo-nextjs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2025 9:22pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant