Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Keep floating element visible when its anchor is hidden (Firefox)

Abierto
#8,247 1 comentario 1 reacción 2 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

@TylerJDev ya está trabajando en esto.

Desde el 31/7/2026.

  • #8294 de @waterWang — abierto

Evaluación

Este issue todavía no se ha evaluado.

Descripción

bug
Browser

"Firefox"

Description

When a positioned/floating element is anchored to another element, Firefox hides the floating element when its anchor is completely hidden (default position-visibility: anchors-visible). Chrome still shows the floating element. We want the floating element to remain visible even when its anchor is hidden (for example by using position-visibility: always).

Steps to reproduce
  1. Use the primer_react_css_anchor_positioning example that positions a floating element relative to an anchor.
  2. In Firefox, scroll or otherwise hide the anchor so it is completely off-screen or covered.
  3. Observe that the floating element is strongly hidden in Firefox, while the same scenario in Chrome still shows the floating element.
  4. Toggling position-visibility to always in Firefox makes the floating element visible again.

Floating element hidden in Firefox when its anchor is out of view

Observed discrepancy between Firefox and Chrome for anchored positioned elements.

Version

unspecified (observed in recent Firefox stable and Nightly)

View original Slack conversation

Lenguaje dominante
TypeScript
Estrellas
3.9k
Forks
697
Merge medio
3 d 12 h
PR fusionados (30 d)
46

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

  • Sin Dockerfile ni archivo de Docker Compose
  • Tiene una plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de primer/react

Todos los issues de primer/react

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.