Skip to content

侧边栏输入框和两个弹窗改用原生 field-sizing 与 closedby - #471

Merged
PathGao merged 1 commit into
mainfrom
modern-web-f1-f2
Nov 13, 2026
Merged

PathGao merged 1 commit into
mainfrom
modern-web-f1-f2

Conversation

@PathGao

@PathGao PathGao commented Nov 13, 2026

Copy link
Copy Markdown
Owner

改了什么

  • 侧边栏输入框随文字长高改用 CSS field-sizing: content,删掉 autosizeInput 和它的 10 处调用。高度仍由原来的 min-height / max-height 限住。
  • 覆盖确认弹窗(download.js)和标签选择器(tag-picker.js)点背景关闭改用 <dialog closedby="any">,删掉手写的点击判断。

两处来自 modern-web-guidance 的 legacy-scan。

行为上唯一的变化:标签选择器的浮层模式(「+ 标签」下方),焦点不在浮层里时按 Esc 也会关闭。原来只有焦点在浮层里才关。

验证

  • node scripts/selftest.mjs:50 个全过。
  • 无头 Chrome 加载扩展实测 15 项全过:
    • 输入框空时 72px,5 行变高,60 行停在 320px,清空缩回 72px,不留行内高度。
    • 覆盖确认:点背景关闭、返回空值(取消);从框内拖选到框外松手不关;点框内不关;按钮照常返回值。
    • 标签选择器:弹窗模式点背景关闭、onClose 只调一次,点框内和拖出都不关;浮层模式点外面关闭。
  • 没在用户的真实扩展里试。较旧的 Chrome 不认这两个特性(field-sizing 要 123,closedby 要 134):输入框不长高,改为在框内滚动;点背景不关,Esc 照常能关。

@PathGao
PathGao merged commit 4169352 into main Nov 13, 2026
2 checks passed
@PathGao
PathGao deleted the modern-web-f1-f2 branch November 13, 2026 06:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant