From 25b09799fb930aef706ca3efc7b273bcd625381f Mon Sep 17 00:00:00 2001 From: Dariusz L Date: Fri, 31 Jul 2026 21:24:11 +0200 Subject: [PATCH] Simplify Missing Models browser splitter resize behavior --- tests/test_downloads_tab_workflow_route.mjs | 2 +- web/css/resolver-main.css | 11 ----------- web/resolver/views/missing_browser_methods.js | 12 +----------- 3 files changed, 2 insertions(+), 23 deletions(-) diff --git a/tests/test_downloads_tab_workflow_route.mjs b/tests/test_downloads_tab_workflow_route.mjs index 61d41d8..c89dded 100644 --- a/tests/test_downloads_tab_workflow_route.mjs +++ b/tests/test_downloads_tab_workflow_route.mjs @@ -398,7 +398,7 @@ test('missing browser splitter keeps a compositor preview between live layout fr assert.match(missingBrowserMethodsSource, /dragThreshold:\s*4/); assert.match(missingBrowserMethodsSource, /layoutFrameStride:\s*3/); - assert.match(missingBrowserMethodsSource, /translate3d\(/); + assert.doesNotMatch(missingBrowserMethodsSource, /translate3d\(/); assert.match( resolverMainCssSource, /\.mr-missing-browser\.is-resizing::after\s*\{[^}]*pointer-events:\s*auto/s diff --git a/web/css/resolver-main.css b/web/css/resolver-main.css index 9af8ead..baad29d 100644 --- a/web/css/resolver-main.css +++ b/web/css/resolver-main.css @@ -751,12 +751,6 @@ pointer-events: auto; } -.mr-missing-browser.is-resizing *, -.mr-missing-browser.is-resizing .mr-missing-list-row, -.mr-missing-browser.is-resizing .mr-card { - transition: none !important; -} - #model-resolver-modal .mr-missing-list-row { content-visibility: auto; contain-intrinsic-size: 70px; @@ -8966,11 +8960,6 @@ a.mr-image-preview-resource-name:hover { content-visibility: auto; contain-intrinsic-size: auto 220px; } - - .mr-missing-browser.is-resizing .mr-search-results-table-wrap, - .mr-missing-browser.is-resizing .mr-match-row { - content-visibility: hidden !important; - } } #model-resolver-modal .mr-missing-detail-pane .mr-match-row.mr-best-match { diff --git a/web/resolver/views/missing_browser_methods.js b/web/resolver/views/missing_browser_methods.js index 995286e..f955167 100644 --- a/web/resolver/views/missing_browser_methods.js +++ b/web/resolver/views/missing_browser_methods.js @@ -1324,9 +1324,6 @@ export const missingBrowserMethods = { this._missingBrowserSplitListPane = listPane; this._missingBrowserSplitDetailPane = detailPane; this._missingBrowserSplitSplitter = releaseSplitter; - if (releaseSplitter instanceof HTMLElement) { - releaseSplitter.style.willChange = 'transform'; - } this._missingBrowserSplitDragging = true; this._missingBrowserSplitStart = { x: event.clientX, @@ -1345,16 +1342,9 @@ export const missingBrowserMethods = { bounds, dragThreshold: 4, layoutFrameStride: 3, - onPreview: (pendingWidth, appliedWidth) => { + onPreview: (pendingWidth) => { this._pendingMissingBrowserSplitWidth = pendingWidth; this.activateMissingBrowserSplitUi(); - if (!(releaseSplitter instanceof HTMLElement)) return; - - const visualOffset = Math.round(appliedWidth - pendingWidth); - releaseSplitter.style.transform = visualOffset - ? `translate3d(${visualOffset}px, 0, 0)` - : ''; - releaseSplitter.style.willChange = visualOffset ? 'transform' : ''; }, onDrag: (width) => { this._pendingMissingBrowserSplitWidth = width;