Bug: UI Text Overflow / Container Break on Large Custom Credit Input

Open 💬 0 comments Opened Jul 11, 2026 by jasgigli

What version of the Codex App are you using (From “About Codex” dialog)?

Unknown

What subscription do you have?

Free

What platform is your computer?

Microsoft Windows Version 10.0.19045 Build 19045

What issue are you seeing?

When entering an excessively large integer into the custom credit amount input field under the "Other" payment option, the UI calculation fails to handle the string layout properly.

The resulting PKR calculation string ("PKR 928,571,428,571,430...") breaks out of the input bounding box, shifts completely to the left, and overlaps the static text labels ("credits" and the background container boundaries) behind it.

Error Message Displayed in UI: "Enter a whole number of credits"

What steps can reproduce the bug?

Trigger the "One time credit purchase" modal (e.g., when running out of usage credits).
Select the "Other" option to open the custom credit input field.
Type a very large sequence of repeating digits (e.g., 99999999999999999999999999999999999999999999999999).
Observe that the calculated PKR cost text expands horizontally without constraints, breaking the flex/grid layout and overflowing to the left over existing text elements.

Session details:

Current balance: PKR 0

What is the expected behavior?

The UI should gracefully handle large inputs without breaking the visual layout.

Expected fixes:

Add a maxLength property to the input field to prevent values that exceed standard numeric limits.
Apply CSS rules to the calculation display text container to handle overflow safely (e.g., text-overflow: ellipsis; overflow: hidden; white-space: nowrap; or switch to scientific notation for massive numbers).
The calculated text string should remain bound inside the modal card container rather than bleeding into the left margin.

Additional information

I have attached a screenshot demonstrating the visual overlapping bug to the issue description. The bug occurs dynamically in the UI layout during input evaluation before hitting "Continue to checkout".

View original on GitHub ↗