Popup with Dynamic View Size Based on Tab Index Freezes When Moved

Ignition
1

Hi,

I’ve created a Tab Container-popup view. The height and width of the view change dynamically based on the selected tab index. I’m using a property binding on the view's 'defaultSize', I used the 'props.currentTabIndex' with a map transform to apply different dimensions depending on the active tab—since each tab displays content with varying space requirements.

This setup works perfectly as long as the popup stays in its original position. However, once the open popup is moved around on the screen, the view’s dimensions seem to become fixed based on whatever tab was active at the time of the move. Switching tabs after that no longer updates the size of the view or the popup.

Has anyone encountered this behavior before?
Is there a best practice or workaround to ensure the popup and view continue resizing correctly when switching tabs, even after the popup has been moved?

Any insights or suggestions would be greatly appreciated.

Thanks in advance!

2

I just ran into this issue as well, I found a few other posts about it with solutions. You can add this to your stylesheet, and it should correct the height issue.

.ia_popup{
height: auto !important;
}

Perspective Popup runtime resize behavior - Ignition - Inductive Automation Forum

Perspective Popup height changes when dragged - Ignition - Inductive Automation Forum