How to interact iframe through hidden floating group?

Mobile Web App.
There is a side menu that opens and closes; technically side-menu is a floating group which animates like an open-close effect - in background hide and shows based on its state.
There is an iframe on the entire page with some buttons to interact with.
Problem - Unable to click on button and scroll inside the iframe at the space where the side menu opens and closes.

Side menu simple workflow is based on states; it visible and hide using animation.
Note: - side menu and its menu button is a reusable component.

From blue space, I can scroll actual page height and interact but not inside the iframe. (iframe scroll and interaction is blocked)**

  1. Blue space where the side menu visible.
    card and search bar is the content of iframe.

    !

  2. here blue space is of iframe.

    !

This topic was automatically closed after 70 days. New replies are no longer allowed.