[multi-device-docs] Documentation device compatibility requires attention

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#20,705 0 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

Chưa có ai nhận issue này.

Đá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
66/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
github-actions, javascript
Lĩnh vực
documentation, frontend

Hướng nghiên cứu

Tái hiện hiện tượng tràn ngang 4px trên /gh-cao/ trong Chrome ở 360px, sử dụng viewport Galaxy S21 trong báo cáo. Kiểm tra trang để tìm hiện tượng tràn do pixel lẻ, pseudo-element hoặc lề âm; issue đề xuất chia đôi phạm vi tìm kiếm bằng overflow-x: clip. Điều chỉnh chiều rộng hoặc lề gây ra lỗi để trang không còn cuộn ngang ở viewport đó.

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

Mô tả

Test Summary
  • Triggered by: @pelikhan
  • Workflow run: §43280242055
  • Devices tested: 10
  • Browser engines tested: 2 (Chrome, WebKit; WebKit is a Safari compatibility signal, not physical iOS)
  • Color schemes tested: 2
  • Test date: 2026-11-12
Results Overview
  • Passed: 39 of 40 combinations
  • Warnings: 1
  • Critical: 0
Critical Issues

None.

Accessibility Findings

No unnamed controls, one main and one h1 on every combination; the requested color scheme was confirmed via matchMedia.

Warnings
  • Horizontal document overflow (4px) on Chrome, Galaxy S21 (360x800), light and dark: scrollWidth - innerWidth = 4 on /gh-cao/. No single element was found with a right edge past the viewport, so the source is likely a subpixel or pseudo-element/negative-margin overflow. WebKit at 360px shows no overflow.
  • Not counted as docs defects (sandbox/infrastructure): external github.com/user-attachments images failed to load with ERR_CERT_AUTHORITY_INVALID in the firewall, so they appear as broken images on larger viewports.
  • Only the home page was tested in this run (not a full navigation/interaction sweep).
Compatibility Matrix

Chrome and WebKit, light and dark, all of iPhone 12, iPhone 12 Pro Max, Pixel 5, iPad, iPad Pro 11, iPad Pro 12.9, HD, FHD and 4K: no overflow, title present, one main region. Chrome Galaxy S21: 4px overflow (above). Screenshots were captured under /tmp/gh-aw/agent/multi-device-docs/screenshots/ but could not be uploaded because no upload tool was available.

Recommendations

Find the element causing the 4px overflow at 360px in Chrome (for example, with overflow-x: clip bisecting) and fix its width/margin so the page does not scroll horizontally on narrow phones.

Generated by 📝 Multi-Device Docs Tester · copilot · auto (Claude Sonnet 5.5) · ~24 AIC · ⌖ ~2 AIC · ⊞ 12.2K · ◷

  • expires on Nov 15, 2026, 6:40 PM UTC
Ngôn ngữ chính
JavaScript
Star
19
Fork
4
Merge trung bình
4 giờ
Pull request đã merge (30 ngày)
708

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

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 githubnext/gh-cao

Tất cả issue của githubnext/gh-cao

Issue tương tự

Thêm issue về JavaScript

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.