Overlay that can adjust its height according to its parent

I want to have an overlay inside a popup that covers the entire popup.
When the popup is shown on a mobile screen, the height of the popup is automatically increased (to fit the popup’s text).
However, the overlay’s height doesn’t increase to cover the entire popup and only covers part of it.
For the overlay, I tried both a group and a shape - none of them increase their height when the height of their parent element increases.
Any advice will be appreciated!

Look at the CSS Tools plugin and related forum posts on it. It provides a way to change the height of elements from a workflow, and to make adjust the height in px or in % of screen-height.


Thank you. I will check it out.