hermes - 💡(How to fix) Fix fix: 移动端 /chat 右侧存在无法隐藏的空白占位栏 [1 pull requests]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…

Fix Action

Fixed

RAW_BUFFERClick to expand / collapse

问题描述

在移动设备(或 375px 视口)访问 /chat 页面时,终端主内容区右侧会出现一个无法滚动的空白区域,挤压实际内容。

复现步骤

  1. 用手机浏览器打开 https://hp.wantslabs.com/chat
  2. 观察终端区域右侧有一块固定宽度的空白

根因分析

  • 的条件渲染依赖 state
  • 在 断点下 应为 ,state 偶尔存在与视口不一致的情况
  • 即使 state 正确,容器 用了 , 在窄屏不生效,但 仍参与 flex layout 分配空间,产生一块不可见的 ~256px 占位

修复

在 ,将 中的 改为 ,让 CSS 断点级守卫成为兜底方案。

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING