Drilldown component disappears when clicking very fast

[jeremycharron]

What should happen?

The drilldown component should always be visible.

What happens instead?

The drilldown component disappears and you need to reload the page to use it again. Both parent and children are stuck with the invisible class.

Possible Solution

Only one element should have invisible class Perhaps the animation should be done before we can click again

Test Case and/or Steps to Reproduce (for bugs)

You can actually reproduce on the official website : https://get.foundation/sites/docs/drilldown-menu.html#

How to reproduce:

1. Click repeatedly and very quickly on an item and the back button in the drilldown component

Context

It's quite easy to reproduce when the speed of the animation is a little bit slower, which is the case in our project.

Your Environment

• Foundation version(s) used: 6.7.4
• Browser(s) name and version(s): Chrome 98
• Device, Operating System and version: Windows 11
• Link to your project: N/A

Checklist

• [ X ] I have read and follow the CONTRIBUTING.md document.

• [ X ] There are no other issues similar to this one.

• [ X ] The issue title and template are correctly filled.

• This issue may be related : https://github.com/foundation/foundation-sites/issues/12394

[joeworkman]

I have to click really fast to trigger this. Unpractically fast. I am open to PRs if you have the time.