Clay: ClayPanel: Panel does not Collapse/Close after second hit on Microsoft Edge W10

[kevenleone]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Is there an example you can provide via codesandbox.com?

here: https://codesandbox.io/s/agitated-cherry-r6rdt?file=/src/App.js

What are the steps to reproduce?

1. Click on Panel to Collapse/Close

What is the expected result?

1. The panel should Collapse/Close after hit on Panel
2. A transition slide should be shown

Environment

| Tech | Version |
| ----- | ------- |
| @clayui/panel | v3.2.3 |
| React | v16.12 |
| Microsoft Edge Windows 10 | 84.0.522.63 (Latest) |

[matuzalemsteles]

Investigating this more closely, it is a very unique bug in the Microsoft Edge based Chromium that only happens on Win 10, it doesn't happen on the Mac and it also doesn't happen on Microsoft Edge not Chromium 🙂. Apparently, MS Edge Chromium is not issuing the onTransitionEnd event that we need to make the transitions, it appears to be more of a browser bug, so I will look into this more carefully next week so as not to prevent Clay from launching today.

[kevenleone]

Thanks for the response @matuzalemsteles. I know is not a critical issue, but any updates about it tell me.

Thanks!

[diegonvs]

Just for additional information. It can't be reproduced on IE11(11.1016), Edge(44.18 EdgeHTML)

[diegonvs]

Also, not reproduced on Edge(85 Chromium)

[diegonvs]

It may be already fixed on Edge v85?

[pat270]

This should be supported even if it's fixed on Edge. If the CSS is modified to transition: none, it should still work.