ChatGPT web: selecting all composer text can create horizontal page overflow

What issue are you seeing?

On chatgpt.com, selecting all text inside the prompt composer can cause the page to gain horizontal overflow/a horizontal scrollbar at the same moment the floating formatting toolbar appears.

The original reporter observed the issue repeatedly on Windows in desktop Chrome. A fresh controlled run reproduced the selection toolbar at a 500 × 720 CSS-pixel viewport, although that fresh session did not reproduce the document-width increase. This may therefore depend on UI state, rollout/build, or toolbar placement at the moment it opens.

Controlled browser capture

The GIF shows the exact trigger: focus the composer, then press Ctrl+A; the Bold, Italic, and Text styles toolbar appears.

Original reporter screenshot

The second attachment is the original capture of the affected state.

<img width="500" height="200" alt="Image" src="https://github.com/user-attachments/assets/3137467b-e2ca-4d21-842f-25fef4fea900" />

<img width="501" height="174" alt="Image" src="https://github.com/user-attachments/assets/563abcba-9880-4df4-9e2e-597ff37d248e" />

What steps can reproduce the bug?

1. Open https://chatgpt.com/ in desktop Chrome on Windows.
2. Start a new chat.
3. Type text into the prompt composer (example: refresh until its live).
4. Keep focus in the composer and press Ctrl+A to select all composer text.
5. The floating formatting toolbar appears above the selection.
6. In the affected state, observe that the page becomes horizontally scrollable / shows a horizontal scrollbar.

Original report: reproducible when selecting all composer text.
Controlled rerun on 2026-08-18: toolbar reproduced, but horizontal overflow did not reproduce after a fresh page load.

What is the expected behavior?

Opening the selection-formatting toolbar should not change the document's scrollable width. The toolbar and any positioning/portal wrapper should remain constrained to the visual viewport at every supported breakpoint.

Additional information

Environment

• Product surface: ChatGPT web (chatgpt.com)
• OS: Windows
• Browser: Google Chrome 151.0.7922.138
• Controlled viewport: 500 × 720 CSS pixels
• Date tested: 2026-08-18

Read-only DOM evidence after Ctrl+A

The selection UI is exposed as an ARIA toolbar:

- toolbar:
  - button "Bold"
  - button "Italic"
  - button "Text styles":
    - generic: Text

Measured toolbar geometry in the controlled run:

{
  "role": "toolbar",
  "left": 31,
  "right": 196.88,
  "width": 165.88,
  "height": 36,
  "position": "static",
  "overflowX": "hidden"
}

Document metrics in that fresh controlled run:

{
  "before": {
    "documentElement.clientWidth": 500,
    "documentElement.scrollWidth": 500,
    "body.scrollWidth": 500
  },
  "after": {
    "documentElement.clientWidth": 500,
    "documentElement.scrollWidth": 500,
    "body.scrollWidth": 500,
    "hasHorizontalOverflow": false
  }
}

The DOM evidence confirms that the toolbar is created by the selection action, but it does not establish that the toolbar itself is the overflowing layout box in the affected session. A transient placement wrapper/portal, a rollout-specific implementation, or another sibling may be contributing to scroll width. That is an inference, not a confirmed root cause.