aidenybai / aidenybai/react-grab

Feature request: configurable placement for the React Grab toolbar

オープン
#550 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
7.6k
フォーク
340
平均マージ
5時間 12分
マージ済み PR(30日)
6

説明

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.

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。