Skip to content

Commit 108c816

Browse files
antfubotSaKaNa-Y
andcommitted
fix(hub-ui): prevent edge dock panel from scrolling its toolbar out of view
Ports vitejs/devtools#522 by @SaKaNa-Y, adapted for the DockEdge.vue that landed here in the v0.9 migration. Swaps overflow-hidden for overflow-clip on the edge dock panel and its content region so the toolbar can no longer be scrolled out of view when opening a large view like the Vite/Rolldown Modules Graph. Co-authored-by: SaKaNa-Y <185575200+SaKaNa-Y@users.noreply.github.com>
1 parent cc8dbb7 commit 108c816

2 files changed

Lines changed: 4 additions & 4 deletions

File tree

packages/hub-ui/src/client/.generated/css.ts

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

packages/hub-ui/src/client/components/dock/DockEdge.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -363,8 +363,8 @@ const toolbarClass = computed(() => {
363363
364364
const contentClass = computed(() => {
365365
return isVertical.value
366-
? 'flex-1 h-full overflow-hidden'
367-
: 'flex-1 w-full overflow-hidden'
366+
? 'flex-1 h-full overflow-clip'
367+
: 'flex-1 w-full overflow-clip'
368368
})
369369
370370
/** A thin band flush with the candidate edge, tracking the drag before it commits on release. */
@@ -407,7 +407,7 @@ const dragPreviewStyle = computed<CSSProperties | undefined>(() => {
407407
<template>
408408
<div
409409
id="devframes-edge-panel"
410-
class="bg-glass:80 border border-base color-base shadow overflow-hidden z-floating-anchor font-sans text-[15px] box-border"
410+
class="bg-glass:80 border border-base color-base shadow overflow-clip z-floating-anchor font-sans text-[15px] box-border"
411411
:class="[panelLayoutClass, { 'devframes-edge-collapsed': isCollapsed }]"
412412
:style="panelStyle"
413413
@mousemove="bringUp"

0 commit comments

Comments
 (0)