Resizing viewport between mobile/desktop hangs frontend

[xypnox]

What Are You Doing?

• Open a fastn website with decent amount of content
• Resize viewport (browser) such that it crosses the mobile/desktop breakpoint

Expected Behaviour:

• It should not hang while resizing between the viewports

Current Behavior

• The Interface hangs for several seconds

Possible Solution

• Some areas to investigate:
  • viewport resize on breakpoint runs a lot of JS code with nested small functions
  • the approach of handling layouts and dependency of viewport width on so many components

Context

• Usually websites don't hang on resizing.

Severity

HIGH

Examples

• fastn | The Beginner-Friendly Full-Stack Framework](https://fastn.com/)
• fastn Doc-Site Template. Build Your Own Website with Ease

Reproducable on:

Firefox, Chromium Linux Chromium MacOS