aforemny / aforemny/material-components-web-elm

Slider out of sync when layout changes

Aperta
#141 7 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug upstream
Lingua principale
Elm
Stelle
93
Fork
20
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

**Describe the bug**
The slider values get out of sync when the layout changes or sometimes even on load. After resizing the window everything works as expected

**To Reproduce**
Either go to the demo website [material-components-web-elm](https://aforemny.github.io/material-components-web-elm/#slider) or the demo website of [material-components-web-miso](http://www.matiso.dev.s3-website.eu-central-1.amazonaws.com/). On the elm website then open the sandwich menu and then move the slider. On the miso website the slider is opened already and the slider out of sync on page load.

**Expected behavior**
The slider should be in sync on page load and after layout changes.

**Screenshots**
Elm:
- before drawer is expanded -> works as expected
- after drawer is expanded -> slider out of sync
- window resized and drawer expanded -> works as expected
![elm](https://user-images.githubusercontent.com/34752929/111653056-e0a52500-8807-11eb-9263-7aa4d8f2b9ac.gif)

Miso:
- drawer is expanded by default -> slider out of sync
- window resized and drawer still expanded -> works as expected
![miso](https://user-images.githubusercontent.com/34752929/111653081-e7cc3300-8807-11eb-8a21-31738ec9a1da.gif)

**Desktop (please complete the following information):**
- OS: ubuntu
- Browser: chrome

**Additional context**
I'm porting the material-components-web-elm to material-components-web-miso. Fortunately I can reuse all of the javascript.
Unfortunately I wasn't able to build the javascript on the Master branch so the issue might be already fixed on Master but it occurs on 6.0.0.

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.