fix: 修复输入框交互问题

- #app添加position:relative确保absolute子元素定位正确
- 修复记忆面板与设置面板的重复ID(toggleMemoryEnabled)
- 输入区域添加z-index和pointer-events确保始终可交互
- 聊天输入框添加pointer-events:auto和user-select:text
This commit is contained in:
Metona
2026-04-06 17:44:04 +08:00
parent 681a260505
commit 35a0c58bde
2 changed files with 7 additions and 2 deletions
+2 -2
View File
@@ -45,7 +45,7 @@ export function initMemoryPanel(): void {
<h3>🧠 Agent 记忆</h3>
<div class="memory-panel-actions">
<label class="memory-toggle" title="自动记忆">
<input type="checkbox" id="toggleMemoryEnabled" checked>
<input type="checkbox" id="toggleMemoryPanelEnabled" checked>
<span class="toggle-slider-sm"></span>
</label>
<button class="icon-btn sm" id="btnCloseMemoryPanel" title="关闭">
@@ -79,7 +79,7 @@ export function initMemoryPanel(): void {
bar.querySelector('#btnMemoryPanel')!.addEventListener('click', togglePanel);
panel.querySelector('#btnCloseMemoryPanel')!.addEventListener('click', () => setPanelOpen(false));
const toggleMemory = panel.querySelector('#toggleMemoryEnabled') as HTMLInputElement;
const toggleMemory = panel.querySelector('#toggleMemoryPanelEnabled') as HTMLInputElement;
toggleMemory.checked = isMemoryEnabled();
toggleMemory.addEventListener('change', () => {
setMemoryEnabled(toggleMemory.checked);
+5
View File
@@ -80,6 +80,7 @@ html, body {
display: flex;
flex-direction: column;
height: 100vh;
position: relative;
}
/* ═══ 顶部导航 ═══ */
@@ -920,6 +921,8 @@ html, body {
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-top: 1px solid var(--border-subtle);
z-index: 20;
pointer-events: auto;
}
.image-preview {
@@ -1050,6 +1053,8 @@ html, body {
max-height: 120px;
line-height: 1.5;
transition: var(--transition);
pointer-events: auto;
user-select: text;
}
.chat-input:focus {