pingdotgg / pingdotgg/t3code

[Bug]: Three competing controls are jammed together at the chat/preview boundary

Open
#6,273 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug needs-triage
Dominant language
TypeScript
Stars
23k
Forks
5.9k
Avg merge
11h 14m
Merged PRs (30d)
357

Description

Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/web

Steps to reproduce
  1. Open a thread with enough chat history for the vertical scrollbar to appear.
  2. Open Browser in the right-side panel.
  3. Switch the browser preview to a fixed/responsive viewport so the preview-content resize grab is visible.
  4. Move the pointer along the boundary between the chat and preview.
  5. Try to use each of these independently: the chat scrollbar, the side-panel width resize grab, and the preview-content resize grab.
Expected behavior

Each interaction should have a distinct and reliable pointer target. The chat scrollbar should remain usable, and resizing the side panel should be clearly distinguishable from resizing the browser preview content.

Actual behavior

Three separate, full-height interaction targets are packed into essentially the same narrow boundary:

  • Chat-window scrollbar
  • Side-panel resize grab
  • Preview-content resize grab

They are difficult to distinguish and target independently. Attempting to use one can hit an adjacent control instead.

CHAT WINDOW                          SIDE PREVIEW PANEL
                                       PREVIEW CONTENT
                     boundary
                        │
chat content ……… [ S ][ P ][ V ] ……… preview
                   │    │    │
                   │    │    └─ preview-content resize grab
                   │    └────── side-panel resize grab
                   └─────────── chat scrollbar

S, P, and V are three narrow, full-height interaction targets
occupying essentially the same boundary.
Impact

Minor bug or occasional failure

Version or commit

T3 Code Alpha 0.0.33

Environment

Windows desktop app, T3 Code Alpha 0.0.33

Logs or stack traces

Screenshots, recordings, or supporting files

e14c94da3bcbb7374a31aa79b3a3d824.mp4

Workaround

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in apps/web by reproducing the issue with a chat scrollbar, side-panel resize grab, and responsive browser preview resize grab visible at the same boundary. Trace the three pointer targets and separate their usable areas so each interaction is distinguishable and reliable. Re-test the described steps in the Windows desktop app and confirm all three controls work independently.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.