fix: 修复输入框交互问题
- #app添加position:relative确保absolute子元素定位正确 - 修复记忆面板与设置面板的重复ID(toggleMemoryEnabled) - 输入区域添加z-index和pointer-events确保始终可交互 - 聊天输入框添加pointer-events:auto和user-select:text
This commit is contained in:
@@ -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);
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user