# Open Popup on mobile / small screen with viewportBound True doesn't resize content

**URL:** <https://forum.inductiveautomation.com/t/open-popup-on-mobile-small-screen-with-viewportbound-true-doesnt-resize-content/104885>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 9, 2025, 7:48am UTC](https://forum.inductiveautomation.com/t/open-popup-on-mobile-small-screen-with-viewportbound-true-doesnt-resize-content/104885 "2025-04-09T07:48:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 9, 2025, 7:48am UTC](https://forum.inductiveautomation.com/t/open-popup-on-mobile-small-screen-with-viewportbound-true-doesnt-resize-content/104885/1 "2025-04-09T07:48:51Z")

</div>

v8.1.47

When I open a popup on a mobile screen, the popup view itself is saved wider than the mobile's viewport and because I've checked `viewportBound` in the openPopup params, the popup container resizes to fit within the view. However the Power Chart in this case clips instead of resizing to the bounds of the popup. If I resize the popup manually in the client, the chart then properly resizes... I'm know I've raised this before, but is there any fix for this?

```python
system.perspective.openPopup(
			id=popup,
			view=popup,
			params={
				'tagPaths': [self.view.custom.tagPath]
			},
			title='Ad-Hoc Trend',
			draggable=True,
			resizable=True,
			viewportBound=True
		)

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/3/b347a61771c27c059ac3eea0f06c2c06e2a74c41.png)

after manually resizing in client:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/7/07ec28527286d894af031e9cf2666bc378c2f396.png)

It's like the auto-resize due to the viewport bounds doesn't trigger an update of the actual content of the popup

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d875fa29b068e3a29dd95720210ff64e97126d1f.png)

It looks like the size of the div isn't being updated to reflect the new width (see it's still 900px here and should be like 350px)

If I change this min-width to be 400 instead of 900, then it updates:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/05729fa67b83b18f64c7323bc32f3dd0b7785f8d.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 9, 2025, 7:58am UTC](https://forum.inductiveautomation.com/t/open-popup-on-mobile-small-screen-with-viewportbound-true-doesnt-resize-content/104885/2 "2025-04-09T07:58:22Z")

</div>

I fixed it with a media query, but not sure what else I've broken by doing it... yet...

It's a bit crap...

```python
/* touchscreen device media query */
@media (pointer: coarse), (hover: none) {
	.flex-container.responsive-container.ia_container--primary.view:has(div[data-component-path^="P"]) {
		min-width: 300px !important;
		
	}
	
}

```