Bandeau d'erreur de dnd illisible

[Vanadiae]

Description du bug

Lors d'une erreur d'import d'image, le bandeau rouge est illisible (texte) et trop fin.

Comment reproduire ?

La liste des étapes qui permet de reproduire le bug :

1. Se connecter
2. Aller sur un sujet de forum
3. Mettre son gestionnaire de fichier en fenêtre à côté (pas dans le dossier téléchargements : voir fin du ticket)
4. Faire le drag and drop entre le fichier image et la zone de rédaction en bougeant la souris jusqu'à apercevoir le + ou la flèche

Comportement attendu

Le bandeau d'erreur s'affiche correctement et la page ne remonte pas en haut.

Capture d'écran

Informations techniques

• OS: Fedora 32 (linux)
• Navigateur: reproductible avec GNOME Web (webkit) dans un flatpak sans accès aux dossiers de l'hôte (en fait le flatpak de fedora n'a accès que au dossier téléchargements).
• Version/environnement de zds: prod

(super les templates au passage)

édit: surement pas lié à l'éditeur lui même (nouveau/ancien).

[A-312]

Et l'erreur est incompréhensible sur le nouvel éditeur

[Arnaud-D]

Le problème de défilement semble venir de ce morceau de code :

https://github.com/zestedesavoir/zds-site/blob/2b006fb46cc70c93053a335c11563cd5709710ab/assets/js/editor-old.js#L708-L725

Sous Firefox, remonter $div.insertAfter avant le calcul des positions pour faire le défilement semble fonctionner. Sous Chrome, j'ai l'impression que la même solution n'est pas efficace. J'imagine qu'il y a une subtilité dans la manière dont les navigateurs font leur sauce, mais ça me dépasse.

---

Je n'ai pas pu reproduire le souci de cadre d'erreur mal affiché sous Firefox ou Chrome.