aidenybai / aidenybai/react-grab

Feature request: configurable placement for the React Grab toolbar

Đang mở
#550 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
7.6k
Fork
340
Merge trung bình
5 giờ 12 phút
Pull request đã merge (30 ngày)
6

Mô tả

Problem

The React Grab toolbar renders in a fixed position (bottom-centre of the viewport). That's the same spot occupied by several popular always-on-top desktop utilities — in my case Wispr Flow, whose dictation bar sits bottom-centre and floats above the browser window.

The result is a permanent overlap: the dictation bar covers the Grab toolbar, so I can't click it without first moving or dismissing the other tool.

Image

This isn't specific to Wispr — bottom-centre is a common home for floating dictation bars, screen-recorder controls, and OS-level pickers, so any of them will collide.

Proposal

Let the consumer choose where the toolbar mounts. Roughly in order of how much I'd value them:

1. A position option — a corner/edge preset (bottom-left, bottom-right, top-left, top-right, bottom-center) picked at init time. Covers the collision case with almost no API surface.
2. An offset escape hatch — e.g. accept a custom class name or style object on the toolbar container so we can nudge it in CSS ourselves.
3. Drag-to-reposition — let the user drag the toolbar and persist the choice to localStorage. Nicest UX, most work.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.