Rapport à la brève précédente, je me suis un petit peu planté.

Il n'y a pas si longtemps en terme de périodicité de publication du présent blog, je vous racontais à quel point le "Mobile First" ça me rend triste.

Et bien... Il se trouve que si j'avais vraiment testé sur mobile mon histoire de Modal et Overlay sans jQuery, j'aurais constaté que ça le faisait pas trop.

L'overlay a une hauteur de 100%, mais s'il y a une barre de défilement on peut défiler en dessous de l'overlay, et c'est moche.

Ma solution était donc d'ajouter ça:

body[data-overlay] {
  overflow: hidden;
}

Sauf que ça ne suffit pas parce que si on ouvre le modal alors qu'on est pas à la position 0 de scrolling vertical, l'overlay ne fait pas tout l'écran non plus.

Il convient d'ajouter une ligne de JavaScript en plus lors de l'ouverture du Modal:

scrollTo(0, 0);

Et là c'est bon. La démo a été mise-à-jour et le gist aussi.

Un de ces jours je corrigerai la brève précédente mais j'applique une pseudo-immutabilité à mes articles, qui ont, croyez-le ou non, des erreurs (si, je vous jure).

Bon ici j'ai corrigé cette brève parce que j'avais écrit "fist" au lieu de "gist" plus haut. Mais normalement je corrige pas. Trop.