search

carbon-design-system / carbon-website

The website for the Carbon Design System.
https://www.carbondesignsystem.com
Apache License 2.0
283 stars 789 forks source link

FeedbackDialog: form stays on close with opacity 0.1 #2250

Closed GeopJr closed 1 year ago

GeopJr commented 3 years ago

Detailed description

Describe in detail the issue you're having.

On Firefox, FeedbackDialog doesn't have an animation, and stays fixed with opacity: 0.1 on close, preventing the user from clicking elements behind it.

What did you expect to happen?

Expected for FeedbackDialog to get removed from DOM on close and to have an animation just like in other browsers.

What browser are you working in?

Tested on both Firefox Stable and Beta/Dev on Linux with 100% occurrence.

Steps to reproduce the issue

  1. Go to https://www.carbondesignsystem.com/ using Firefox.
  2. Click the Feedback FAB.
  3. Close the dialog.

Additional information

I managed to get this to happen on Chromium once but can't reproduce. Here's a video of it on Firefox:

https://user-images.githubusercontent.com/18014039/115997803-26b28d00-a5ed-11eb-8f88-69c6ac1fcebd.mp4

Strangely enough, it doesn't occur on https://gatsby-theme-carbon.vercel.app/demo/.

GeopJr commented 2 years ago

Not an issue anymore! :tada: Nvm still an issue