LiveView reconnect UX

Compare how stock LiveView and the patched client behave when you come back to a tab whose connection dropped.

Client
Indicator
Connected since 01:14:57 UTC

1. Pick a scenario, then switch to another tab

The connection drops 5s after you click. Stay away for a few seconds, then come back and watch the bottom of the screen (pill) or the top right corner (toast).

  • Blip while away

    The connection drops while you are on another tab and reconnects the moment you come back. Stock: the disconnected UI is already up when you return. Patched: nothing, apart from a brief top bar.

  • Outage while away

    The server refuses connections for 20s. Come back during the outage. Stock: already up when you return. Patched: appears 2s after you return, because it is a real outage. The pill expands with a Reload button 5s after it appears.

  • Slow rejoin (join timeout)

    Reconnects work, but mounting takes longer than the 10s join timeout. Stock: reports a server error ("Something went wrong!"). Patched: reports a lost connection ("We can't find the internet" toast, or the pill). Both reload the page a few seconds after the timeout.

2. Or drop it while you watch

The socket reconnects within milliseconds, so neither client shows a toast. This is unchanged.

Timeline for this tab