Mise en forme du mémo - Page 1

Quand le mémo contient plus de texte que sa taille permet d'en afficher, il y a une barre de défilement. Le lien "modifier" se déplace en même temps que le texte au lieu de rester sur le cadre.

Ah oui c'est crade sous Chrome, je regarderai ça :/

j'ai le même comportement sur FF

après, c'est très loin d'être prioritaire hein... on vit très bien comme c'est actuellement ^^

Ah moi j'ai pas du tout la même chose sous Firefox en revanche : le lien "Modifier" se décale vers le bas (il faut scroller pour le voir) quand le contenu ne rentre plus. Sous Chrome il reste en bas à gauche de la fenêtre même si le texte déborde dessus.

Ici firefox 31.4.0 (que je peux pas mettre à jour)

Autre effet "pervers" de cette mise en page : la flèche basse de l’ascenseur se superpose avec la poignée de redimensionnement. Quand on scrolle à la souris on le voit pas mais si on veut cliquer sur la flèche vers le bas faut bien viser parce que les 80% sur la droite du bouton sont interceptés par la poignée de redimensionnement

Bon, je ne comprends pas bien pourquoi Chrome a ce rendu. Pour ceux qui ont envie de regarder, j'ai reproduit le problème ici : https://jsfiddle.net/r3c/ovaj90xm/4/

Il y a deux conteneurs identiques. Le premier ne contient pas assez de texte pour que tout l'espace soit rempli, mais grâce à son "flex: 1" le contenu est étendu pour occuper tout l'espace vertical, de façon à ce que le lien (qui correspond au lieu "Modifier" du mémo) se retrouve quand même en bas du conteneur. Le second contient davantage de texte et pousse le lien vers le bas, au point qu'il faut scroller pour le voir. Tel quel ça fonctionne sous Firefox mais ça déconne sous Chrome. Il suffit de virer la propriété "display: flex" de l'élément ".content" pour que Chrome se mette à l'afficher correctement, mais d'une part je ne comprends pas la logique d'autre part ça m'ennuie car j'en ai besoin de cette propriété. On peut contourner en ajoutant un élément bidon pour que le "flex: 1" et le "display: flex" ne se retrouvent pas sur le même élément, ça corrige bien le problème sous Chrome mais ça n'est pas très satisfaisant tant que je n'ai pas compris d'où vient le problème :/

Malheureusement, le comportement "Chrome" est aussi reproduisible avec QtWebEngine (QupZilla 2.1.0, QtWebEngine 5.7.1).

Également avec Internet Explorer.

Peut-être que c'est le comportement souhaité, mais je n'ai pas pu trouver une page qui m'explique pourquoi

[edit] C'était probablement le comportement souhaité et c'est moi qui ne sais pas me servir de flexbox, maintenant ça devrait être bon

C'est bon, merci