Mirror Click Attribute V2 Not Working

Description

I have a mobile navbar (tablet and smaller) which contains two dropdown menus that open to cover the navbar like a secondary menu. I’m trying to set up a mirror click so that when the back button (trigger) is clicked inside that dropdown menu, the dropdown toggle (target) closes the dropdown menu and reveals the main navbar again.

I have followed the instructions by adding the code to my project’s head and have given the correct attributes of trigger and target to the elements. I have also tried this with only one instance, but that doesn’t work either.

I tried both putting “fs-mirrorclick-instance” on both the trigger and target as well as on a parent div for each instance. That didn’t work either.

I’m new to the forum and limited on the media to attach so trying to describe as best as possible below.

I’ve spent several hours on this and it’s driving me absolutely nuts =) Any help would be appreciated!

Site URL

Steps to Reproduce

  1. The elements are inside the navbar component as follows:

Inside the navbar component there are two dropdown elements .navbar_menu-dropdown where the target is the .navbar_dropdown-toggle and the trigger is the .navbar_dropdown_back-link.

Video

(Remove the spaces in the link to see loom. Trying to bypass the 2 link max as new to this forum)

  • Video link: www. loom. com/share/ 9ce3384176b94ac39204b66019486bf2?sid=706f555e-b018-49af-b0ef-8b83cea105a2

Additional Context

  • Browser: Tried both Chrome and Safari - both not working

Hey @audrey!

We are aware of this issue and we are looking into it!

I just took a look at your page, and it seems to be working great. I tried on an iPhone 12, and the back button works great.

Did you manage to solve the issue or make any changes?

Hi @Support-Pedro thank you for your response. It did seem to work on mobile (ie: iphone, safari), but it hasn’t worked on desktop at all.

I also tried V1 attributes with the same set up (trigger and target in same places) and that didn’t work either.

I’m wondering if it maybe has anything to do with it being a dropdown element?

Please let me know if there are any other suggestions or if there’s a fix. Thanks!