Four pixels on the first letter

The Daily word input changed height when the first letter appeared. Before typing, the display was 52 pixels tall. After one keystroke it was 56. AI Duel and PvP stayed still, so this was not a shared board or keyboard problem. It belonged to the Daily input alone.

The earlier narrow-viewport fix had copied the duel panel’s horizontal safeguards into the Daily component. It measured long words, scaled them to fit, and stopped the row from widening the page. The equivalent vertical safeguard did not come with it. The outer display had a minimum height, but its empty inner row had none. Once a letter cell rendered at the larger input font size, that row acquired content tall enough to grow its parent.

The empty row needed a size#

The duel panel already carried the missing rule. Applying the same minimum height to the Daily row kept the layout stable before and after input:

.chars-row {
  min-height: 1.875rem;
}

Browser verification supplied the useful receipt. Removing the rule restored the 52px to 56px jump on the first keystroke. Restoring it held the display at 56px in both states. That is a small measurement, but a much stronger test than deciding the page looked steady enough.

The horizontal repair had been correct, only incomplete. Copying the whole visual constraint would have prevented this follow-up, while copying the part named in the original bug left one mode behaving differently from its siblings. The practical check is now broader: when parallel components should occupy the same space, compare their empty state as well as their longest content.