Fix speech-bubble clipping for long messages #4

Open
scriptoriumadmin wants to merge 1 commit from pr/bubble-clip-fix into main

PR: Fix speech-bubble clipping for long messages

Branch: pr/bubble-clip-fix
Scope: Pet-window bubble layout only.

Summary

Long assistant messages could get cut off at the bottom of the speech bubble because the body overflowed a fixed max-height. This PR makes the bubble body scrollable and increases the size tiers.

What changed

  • apps/desktop/src/pet-window.ts bubble CSS
    • .bubble-body now uses flex: 1 1 auto, overflow-y: auto, and overscroll-behavior: contain.
    • .bubble-text uses word-break: break-word and white-space: normal.
    • .bubble max-height raised to 200 px.
    • .bubble.is-long-message max-height raised to 240 px.
    • .bubble.is-very-long-message max-height raised to 300 px.

How to test

  1. Trigger a long assistant response in the pet window.
  2. The bubble should display all text with a thin scrollbar if needed.
  3. Pinned mode keeps overflow: visible so existing pinned behavior is preserved.

Backwards compatibility

  • Only pet-window styling changed; no API changes.
# PR: Fix speech-bubble clipping for long messages **Branch:** `pr/bubble-clip-fix` **Scope:** Pet-window bubble layout only. ## Summary Long assistant messages could get cut off at the bottom of the speech bubble because the body overflowed a fixed max-height. This PR makes the bubble body scrollable and increases the size tiers. ## What changed - `apps/desktop/src/pet-window.ts` bubble CSS - `.bubble-body` now uses `flex: 1 1 auto`, `overflow-y: auto`, and `overscroll-behavior: contain`. - `.bubble-text` uses `word-break: break-word` and `white-space: normal`. - `.bubble` max-height raised to 200 px. - `.bubble.is-long-message` max-height raised to 240 px. - `.bubble.is-very-long-message` max-height raised to 300 px. ## How to test 1. Trigger a long assistant response in the pet window. 2. The bubble should display all text with a thin scrollbar if needed. 3. Pinned mode keeps `overflow: visible` so existing pinned behavior is preserved. ## Backwards compatibility - Only pet-window styling changed; no API changes.
scriptoriumadmin added 1 commit 2026-06-13 02:19:07 +00:00
- Make bubble body flex-scrollable.
- Improve text wrapping and raise max-height tiers.
This pull request has changes conflicting with the target branch.
  • apps/desktop/src/pet-window.ts
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin pr/bubble-clip-fix:pr/bubble-clip-fix
git checkout pr/bubble-clip-fix

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git checkout main
git merge --no-ff pr/bubble-clip-fix
git checkout pr/bubble-clip-fix
git rebase main
git checkout main
git merge --ff-only pr/bubble-clip-fix
git checkout pr/bubble-clip-fix
git rebase main
git checkout main
git merge --no-ff pr/bubble-clip-fix
git checkout main
git merge --squash pr/bubble-clip-fix
git checkout main
git merge --ff-only pr/bubble-clip-fix
git checkout main
git merge pr/bubble-clip-fix
git push origin main
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: scriptoriumadmin/openpetswithchatandmcp#4
No description provided.