"Maximum call stack size exceeded" error when clicking button that closes and opens modal at same time

[acrylic-style]

Expected Behavior

The error should not happen.

Current Behavior

Multiple "Maximum call stack size exceeded." errors on console (does not affect the user interface AFAIK)

Steps to Reproduce (for bugs)

See example: https://codepen.io/acrylic-style/pen/abJBqxR?editors=1000

1. open the page
2. open panel #1
3. click open panel #1 / open panel #2
4. open f12 > console and you see some errors caused by onclick

some extra information:

• modal-close class is required, but other classes (btn waves-effect orange darken-4) may not be needed to reproduce the issue.

Context

It's useful when you need to switch the modal without closing the modal manually (by invoking .close()) (so you can keep only 1 modal at moment)

Without modal-close, the modal just appears on top of the existing modal (2 modals at moment).

Your Environment

• Version used: 1.1.0-alpha
• Browser Name and version: Google Chrome 90.0.4430.212
• Operating System and version (desktop or mobile): Windows 10 Pro
• Link to your project: https://codepen.io/acrylic-style/pen/abJBqxR?editors=1000

[LoganTann]

Very strange issue, I can reproduce this issue only in chrome and not firefox...

Fortunately, multiple identical console errors messages are merged into one