BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): keep composer zoom on interface scale

Browse Source 
The composer also mounts CodeMirror, so Mini Chat focus incorrectly changed the file editor font size. Exclude the explicit chat-input owner from file-editor zoom routing.

Validated the ThemeProvider focus regression, including a focused CodeMirror composer.
This commit is contained in:
Bohdan Triapitsyn
2026-09-09 18:34:53 +03:00
parent 4769a4bf49
commit 796eaa9546
2 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/providers/ThemeProvider.test.tsx
+11
View File
@@ -59,6 +59,17 @@ test('zoom works without App menu listeners and routes by focused content', asyn
await act(async () => zoom('zoom-reset')); await act(async () => zoom('zoom-reset'));
expect(useUIStore.getState().fontSize).toBe(100); expect(useUIStore.getState().fontSize).toBe(100);
expect(document.documentElement.style.fontSize).toBe(''); expect(document.documentElement.style.fontSize).toBe('');
const composer = document.createElement('div');
composer.dataset.chatInput = 'true';
composer.className = 'cm-editor';
const composerInput = document.createElement('textarea');
composer.append(composerInput);
container.append(composer);
composerInput.focus();
await act(async () => zoom('zoom-in'));
expect(useUIStore.getState().fontSize).toBe(110);
expect(useUIStore.getState().editorFontSize).toBe(12);
await act(async () => zoom('zoom-reset'));
await act(async () => root.unmount()); await act(async () => root.unmount());
zoom('zoom-in'); zoom('zoom-in');
expect(useUIStore.getState().fontSize).toBe(100); expect(useUIStore.getState().fontSize).toBe(100);
packages/ui/src/components/providers/ThemeProvider.tsx
+2 -1
View File
@@ -27,7 +27,8 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
const state = useUIStore.getState(); const state = useUIStore.getState();
const isTerminal = isTerminalEventTarget(active) const isTerminal = isTerminalEventTarget(active)
|| active?.matches('[data-terminal-hidden-input="true"]') === true; || active?.matches('[data-terminal-hidden-input="true"]') === true;
const isEditor = active?.closest('.cm-editor') != null; const isEditor = active?.closest('.cm-editor') != null
&& active?.closest('[data-chat-input="true"]') == null;
if (action === 'zoom-reset') { if (action === 'zoom-reset') {
if (isTerminal) state.setTerminalFontSize(14); if (isTerminal) state.setTerminalFontSize(14);
else if (isEditor) state.setEditorFontSize(13); else if (isEditor) state.setEditorFontSize(13);