Sheet: Brave browser input focus issue when overflowPadding enabled

Abierto
#10,805 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
57/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
react, typescript

Línea de trabajo

Start by reproducing the issue on the Sheets documentation page in Brave on iOS 26.1: focus an input while overflowPadding is enabled and observe the modal scrolling. Trace the Sheet component’s handling of overflowPadding and keyboard focus, then add or update a regression test for the reproduced behavior. Done means the focused input stays centered and the modal content remains in view.

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

Descripción

Provide a general summary of the issue here

Browser: Brave
Device: iOS
Version: 26.1
Component: Sheet

When the device keyboard opens after focusing on an input, the modal overshoots and displays the extra padding. This appears to be a bug with the overflowPadding prop.

This can be replicated on the documentation page.

Image
🤔 Expected Behavior?

The input should be focused and centered

😯 Current Behavior

The modal content scrolls out of view

💁 Possible Solution

No response

🔦 Context

The issue is caused by the overflowPadding api

🖥️ Steps to Reproduce

can view this by clicking any input on the docs on the Sheets page

Version

react-components 1.22.1

What browsers are you seeing the problem on?

Other

If other, please specify.

Brave

What operating system are you using?

iOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Lenguaje dominante
TypeScript
Estrellas
16k
Forks
1.6k
Merge medio
3 d 9 h
PR fusionados (30 d)
45

Preparar el entorno

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 adobe/react-spectrum

Todos los issues de adobe/react-spectrum

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.