angular / angular/components

Button click event does not fire on first tap/ click in Safari 13

Abierto
#17,714 1 comentario 10 reacciones 0 asignados Ver en GitHub
area: material/button needs investigation P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Reproduction

Use StackBlitz to reproduce your issue:
https://stackblitz.com/edit/button-issue-safari13

Resolved by removing `fxLayout="column"`:
https://stackblitz.com/edit/button-issue-safari13-no-fxlayout

Steps to reproduce:
1. Open Stackblitz in Safari 13 on iPad, MacBook or iMac.
2. Scroll down to buttons at the very bottom
3. Click button
4. Watch button be cut off at the bottom of the screen


#### Expected Behavior

Button should fire click event, in case of example Stackblitz a snack bar should appear to show you the click event fired correctly.

#### Actual Behavior

Click event is not fired first time, page jumps, cutting buttons off the bottom. No snack bar is visible in the example Stackblitz.

#### Environment

- Angular: 8.2.14
- CDK/Material: 8.2.3
- Browser(s): Safari 13
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz en Safari 13 en los dispositivos indicados y compárala después con la versión en la que se elimina fxLayout="column". Inspecciona el comportamiento de los botones en la parte inferior de la página y verifica que el primer toque dispare el evento click, muestre la snack bar y no haga que los botones salten ni queden cortados.

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

Evaluación

Stack tecnológico
angular, 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.