Summary:

The #body_col > table.t_outer element on the private message confirmation page (/ubbthreads.php/ubb/cfrm) causes a layout shift because it renders at 0px height before expanding to 642px after content loads.

Environment:

URL: https://www.stovebolt.com/ubbthreads/ubbthreads.php/ubb/cfrm
Affected element: #body_col > table.t_outer
CLS impact: P75 = 0.115, P90 = 0.147, P99 = 0.177

Observed behavior:

Real User Monitoring (RUM) captured the following shift sequence:

Initial render: { width: 1118, height: 0 }
Post-load: { width: 1072, height: 642 }
The table starts with zero height and then pushes all subsequent content down by ~642px once the confirmation message (or form content) is injected.

Expected behavior:

The table should reserve its final vertical space during the initial paint so that no layout shift occurs.

Suggested fix:

Add an explicit min-height to table.t_outer on this page template, or ensure the confirmation content is server-rendered inside the table before the browser paints.


The Stovebolt Geek
https://www.stovebolt.com/ubbthreads/ubbthreads.php

Server Information
UBB.threads Version 8.0.0
Release 20240826
Server OS Linux
Server Load 0.11
Web Server Apache/2.4.37
PHP Version 8.3.11
MYSQL Version 8.0.39
Database Size 1.82 GB