angular / angular/components

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

Aperta
#17,714 1 commento 10 reazioni 0 assegnatari Vedi su GitHub
area: material/button needs investigation P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con la riproduzione StackBlitz collegata in Safari 13 sui dispositivi elencati, quindi confrontala con la versione in cui fxLayout="column" viene rimosso. Esamina il comportamento dei pulsanti nella parte inferiore della pagina e verifica che il primo tocco attivi l’evento click, mostri la snack bar e non faccia saltare o tagliare i pulsanti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.