mui / mui/base-ui

[popover] Allow `Positioner` parts to be omitted for native CSS anchoring

Abierto
#1,663 2 comentarios 0 reacciones 0 asignados Ver en GitHub
component: popover type: enhancement
Lenguaje dominante
TypeScript
Estrellas
10.9k
Forks
543
Merge medio
1 d 20 h
PR fusionados (30 d)
101

Descripción

When trying to use native CSS anchor positioning by simply omitting the `Positioner` part to position `Popup` with CSS `anchor`, an error is thrown:

> Base UI: PopoverPositionerContext is missing. PopoverPositioner parts must be placed within .

Native CSS Anchoring doesn't support `Arrow` yet, but it can optionally consume the context instead of throwing for future use. `Popup` doesn't need to consume the positioner context at all (`FloatingFocusManager` can work with `FloatingRootContext` from the root instead).

This way, the Floating UI logic doesn't need to be included in the bundle once CSS anchoring is widespread if they just omit the `Positioner` part in their JSX.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Start by tracing the Popover.Positioner and Popup parts, especially PopoverPositionerContext and FloatingFocusManager. Check how omitting Positioner currently triggers the missing-context error, then verify that CSS anchor positioning works without Floating UI while Arrow can consume the context when present.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
css, react, typescript
Área
frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.