aidenybai / aidenybai/react-grab

Feature request: configurable placement for the React Grab toolbar

Abierto
#550 1 comentario 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
7.6k
Forks
340
Merge medio
5 h 12 min
PR fusionados (30 d)
6

Descripción

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.

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.