aforemny / aforemny/material-components-web-elm

Slider out of sync when layout changes

Abierto
#141 7 comentarios 0 reacciones 0 asignados Ver en GitHub
bug upstream
Lenguaje dominante
Elm
Estrellas
93
Forks
20
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

**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.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.