Data-content-ignoreinteraction doesn't seem to work in our scenario

Hello Matomo users and Matomo team.

We are attempting to track interactions across the menu section of the site.
The menu is rendered slightly differently on desktop and mobile.
We don’t want to differentiate content tracking between the different link (where some of the menu items links are outlinks, and some are javascript based interactivity), but want to make sure we track the actual menu items interactions.

How can we ignore any interactions on hambureger_Icon?
class=“matomoContentIgnoreInteraction” or data-content-ignoreinteraction didn’t help

So the code on the site looks like so:

  <header class="header-block-wrap" data-content-piece="HEADER>

     <div class="hamburger_Icon matomoContentIgnoreInteraction">
           The hamburger Icon that only shows on the mobile view.
     </div>


     <div class="menuItem">
        <a href="link" class="nav-link">Menu Item 1</a>
     </div>
     <div class="menuItem">
        <a href="link" class="nav-link">Menu Item 2</a>
     </div>
     <div class="menuItem">
        <a href="link" class="nav-link">Menu Item 3</a>
      </div>

   </header>