Viewport.width value is not updating properly

💬 App Building
1

We are building a responsive web app using retool utilizing the web/mobile views and their canvas.

There is an issue where the viewport.width value is not appropriately changing in the screen width range between 600-800 px..causing the containers not to adapt to the fill actions since the width is not changing and that breaks the responsiveness in this width range.

Screenshot using the responsive screen width option showing the actual width to be 718px but the viewport width is stuck at 800px.

image
image1052×774 66.5 KB

1 Like
3

+1 here.

4

Thanks for reaching out and welcome to the community, @MarwanEmad!

I can reach out internally to see if we can tweak this behavior, but custom CSS can be a good interim solution.

image
image1840×860 108 KB

This approach is a bit manual, but should be fairly durable given the fact that the selector references the name of the component. Let me know if you have any questions and I'll do the same after talking to the team.

1 Like