Brief summary of the bug. What is it ? Where is it ?

when popover component contains elements that can change their size (grow in height), the new popover height is not recalculated properly, causing the popover to overflow pages height

Steps to reproduce:

• create raw data process report
• open report configuration popover
• open all collapsible sections (variables, flow nodes...)

Actual result:

On smaller screens, when there are a lot of switches in those collapsible sections, the popover height overflows below page height

Expected result:

Popover should not overflow, it should show a scrollbar instead

Observations:

• this issue is caused by missing reference to .dialog element in Popover component on each rerender other then initial one, missing this reference makes it impossible to update popover height
• this problem will not occur if the popover will display the scrollbar when initially open (if the page height was less then popover content height needed). It sets scrollable property from the beginning

Testing notes:

• good testing example is configuration popover for raw data report cause it has collapsible sections
• when you open this report configuration popover and open variables sections, the content of the popover will be bigger then the popover itself but in this case scrollbar should appear and the popover should not overflow the screen
• this should recalculate the popover height when the browser window is resized as well