Skip to content

Débordement de texte dans la liste des exceptions pour les domaines longs #69

@ormidales

Description

@ormidales

Contexte

La popup de l'extension affiche la liste des domaines autorisés (liste blanche) via des éléments de liste (<li>) contenant un libellé (<span>) et un bouton de suppression.

Problème

Lorsqu'un domaine avec un nom très long ou de nombreux sous-domaines est ajouté à la liste, le texte déborde du conteneur parent. Cela pousse le bouton "Supprimer" hors de la zone visible de la popup, rendant la suppression du domaine impossible sans redimensionner manuellement l'interface.

Scénario de Reproduction

  1. Naviguer sur un site avec un domaine long (ex: un-tres-long-sous-domaine.exemple-de-site-web-tres-long.com).
  2. Ouvrir la popup TruePath.
  3. Cliquer sur "Ajouter le domaine courant".
  4. Observer l'affichage dans la liste en bas de la popup.

Comportement Attendu

Le texte du domaine doit être tronqué avec des points de suspension s'il dépasse l'espace disponible, et le bouton "Supprimer" doit rester ancré et visible à droite de l'élément.

Pistes Techniques

Fichier concerné : popup.css.
Appliquer les propriétés suivantes sur le span contenant le nom de domaine :

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

Ajuster la propriété flex de l'élément li pour garantir que le bouton conserve sa largeur fixe.

Environnement

Firefox 115+ (Tous les OS)

Metadata

Metadata

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions