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.