Sur les très petites largeur d'écran, la barre horizontale de navigation affichant les calculettes ouvertes laisse place à un bouton qui affiche une liste une liste verticale. Le problème et que cette liste est vide :
Elle a le gros inconvénient de ne pas permettre de choisir l'icône du menu en format étroit. De plus, l'alignement des items sur la navbar est merdique aussi bien pour le nom des calculettes que pour le bouton qui n'est pas aligné à droite (présence d'un class='container généré dans la navbar qui pose problème). Le bouton s'aligne cependant correctement quand on copie le code exemple de mdBootstrap.
La liste des calculettes est effectivement présente si on passe d'un large écran à un écran étroit. Par contre, la liste ne se met pas à jour lorsqu'on ajoute des calculettes et qu'on reste constamment avec un écran étroit. Enfin, la mise à jour est partielle, il semble que la boucle sur this._calculators fonctionne correctement mais le DOM n'est pas mis à jour pour ajouter les items supplémentaires.
Exemple en démarrant avec un écran étroit : le premier item (le "+") est présent :
Si on ajoute une calculette, elle apparaît mais le "+" n'est plus là. De même si on ajoute plusieurs calculettes, seule la première est présente :
Si on repasse par un écran large et qu'on revient ensuite à l'écran étroit, tout se met à jour :
By Dorchies David on 2018-07-16T14:58:13 (imported from GitLab)