Files
ghostty/macos/Sources/Ghostty/Surface View/SurfaceGrabHandle.swift
Mitchell Hashimoto fe98f3884d macos: only show split grab handle when the mouse is near it
Fixes #11379

For this pass, I made it a very simple "within 20%" (height-wise) of the
split handle. There is no horizontal component. I want to find the right
balance between always visible (today mostly) to only visible on direct
hover, because I think it'll be too hard to discover on that far right
side.
2026-03-11 10:48:09 -07:00

82 lines
3.3 KiB
Swift

import SwiftUI
extension Ghostty {
/// A grab handle overlay at the top of the surface for dragging a surface.
struct SurfaceGrabHandle: View {
// Size of the actual drag handle; the hover reveal region is larger.
private static let handleSize = CGSize(width: 80, height: 12)
// Reveal the handle anywhere within the top % of the pane height.
private static let hoverHeightFactor: CGFloat = 0.2
@ObservedObject var surfaceView: SurfaceView
@State private var isHovering: Bool = false
@State private var isDragging: Bool = false
private var handleVisible: Bool {
// Handle should always be visible in non-fullscreen
guard let window = surfaceView.window else { return true }
guard window.styleMask.contains(.fullScreen) else { return true }
// If fullscreen, only show the handle if we have splits
guard let controller = window.windowController as? BaseTerminalController else { return false }
return controller.surfaceTree.isSplit
}
private var ellipsisVisible: Bool {
// If the cursor isn't visible, never show the handle
guard surfaceView.cursorVisible else { return false }
// If we're hovering or actively dragging, always visible
if isHovering || isDragging { return true }
// Require our mouse location to be within the top area of the
// surface.
guard let mouseLocation = surfaceView.mouseLocationInSurface else { return false }
return Self.isInHoverRegion(mouseLocation, in: surfaceView.bounds)
}
var body: some View {
if handleVisible {
ZStack {
SurfaceDragSource(
surfaceView: surfaceView,
isDragging: $isDragging,
isHovering: $isHovering
)
.frame(width: Self.handleSize.width, height: Self.handleSize.height)
.contentShape(Rectangle())
if ellipsisVisible {
Image(systemName: "ellipsis")
.font(.system(size: 10, weight: .semibold))
.foregroundColor(.primary.opacity(isHovering ? 0.8 : 0.3))
.offset(y: -3)
.allowsHitTesting(false)
.transition(.opacity)
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
}
}
/// The full-width hover band that reveals the drag handle.
private static func hoverRect(in bounds: CGRect) -> CGRect {
guard !bounds.isEmpty else { return .zero }
let hoverHeight = min(bounds.height, max(handleSize.height, bounds.height * hoverHeightFactor))
return CGRect(
x: bounds.minX,
y: bounds.maxY - hoverHeight,
width: bounds.width,
height: hoverHeight
)
}
/// Returns true when the pointer is inside the top hover band.
private static func isInHoverRegion(_ point: CGPoint, in bounds: CGRect) -> Bool {
hoverRect(in: bounds).contains(point)
}
}
}