[Bug]: Update button overflows the sidebar at its minimum width

Đã đóng Phù hợp với người mới
  • Có gì không ổn?
#27,767 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Một pull request liên quan đã được merge.

  • #27695 của @Derpedyea — đã merge

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
70/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách tìm chân trang của thanh bên trái trong apps/web hoặc apps/desktop và tái hiện sự cố ở chiều rộng tối thiểu của thanh bên khi gợi ý hoàn tác đang hiển thị. Kiểm tra cách các điều khiển ở chân trang nằm gọn trong thanh bên ở chiều rộng đó. Công việc được xem là hoàn tất khi mọi điều khiển ở chân trang, bao gồm cả nút cập nhật, đều nằm bên trong thanh bên ở tất cả chiều rộng được hỗ trợ.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Before submitting
  • I searched existing issues and did not find a duplicate.
Area

apps/web / apps/desktop — left sidebar footer

Steps to reproduce
  1. Open T3 Code Desktop with the left sidebar visible and the update button present in its footer.
  2. Drag the sidebar resize divider left until the sidebar reaches its minimum allowed width.
  3. Settle any thread
  4. Observe the footer. In the reported screenshot, the Ctrl+Z to undo hint is also visible between the other footer controls and the update button.
Expected behavior

All footer controls, including the update button, remain fully inside the sidebar at every supported width, including the minimum allowed width. The layout should adapt when the undo hint is visible.

Actual behavior

The update button (circular arrows icon at the right end of the footer) extends beyond the sidebar's right edge into the main content area at the minimum allowed sidebar width.

The reporter's screenshot shows Settings, other footer icons, Ctrl+Z to undo, and then the update icon straddling the sidebar boundary. The sidebar is already at its minimum allowed size, so this occurs within the supported resize range.

Impact

Cosmetic layout issue: the update control is not contained within its sidebar.

Version or commit

Not supplied.

Environment

Windows desktop. Exact app version and display scaling were not supplied.

Evidence

Reported by the user with a cropped screenshot. This report describes that observation; no separate runtime reproduction or root-cause confirmation was performed.

Workaround

Widen the sidebar.

Duplicate check

Searched open and closed issues for sidebar/update overflow, minimum sidebar width, refresh/update buttons, and sidebar overflow. #8660 concerns the environment version pill in the sidebar header, rather than the footer update button.

Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
7 giờ 39 phút
Pull request đã merge (30 ngày)
123

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của pingdotgg/t3code

Tất cả issue của pingdotgg/t3code

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.