search

caezd / switcheroo

0 stars 2 forks source link

Impossible de cliquer sur le bouton "supprimer" s'il est affiché avec `::before` #7

Open Lostmindy opened 1 year ago

Lostmindy commented 1 year ago

Hello :)

Je m'en viens signaler un étrange bug qui me laisse perplexe et que je suppose vient de la façon dont le clic est géré en JS ?

Sur la version ModernBB de Forumactif, on a une police d'icônes installée par défaut via le header

<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">

Du coup, j'ai décidé de m'en servir pour faire plus joli qu'un bête X, et dans les options de Switcheroo, j'ai rajouté ceci 

(function() {
        new Switcheroo('#switcheroo',{
            deleteIcon: '<i class="ion-close-round"></i>',
            addIcon: '<i class="ion-plus-round"></i>',
         });
    })();

Visuellement, cela fonctionne très bien, aucun problème.

C'est au moment de cliquer que les choses se compliquent : si on clique pile sur l'icone, rien ne se passe. Si on clique sur le bouton, mais en dehors de l'icône, ça fonctionne.

Dans le doute, j'ai testé :

Ma conclusion est donc que lorsque le "visuel" du bouton est géré par le pseudo-élément ::before, ça coince.

Et par contre, aucun problème au niveau de l'icone d'ajout de compte.

Voili voilou ! Dans tous les cas, a priori le problème ne se pose pas si on affiche le bouton autrement qu'avec ::before (ou ::after) donc c'est pas un bug vital.

EmmanuelBeziat commented 1 year ago

Hello @Lostmindy

Tu peux essayer d'appliquer ça : 

[class~="ion-"] {
    pointer-events: none;
}

Normalement, ça devrait empêcher l'icône de récupérer l'event du clic. Tu peux bien sûr faire un sélecteur plus spécifique, mais généralement j'applique souvent ça sur les packs de font-icones. Il n'y a aucune raison de vouloir que l'icone elle-même reçoive le clic.

https://developer.mozilla.org/fr/docs/Web/CSS/pointer-events

Lostmindy commented 1 year ago

Déjà tenté, malheureusement :'(.

J'ai retesté sur une installation "fraiche" (à savoir un forum en version ModernBB sans autres modifications), et vérifié sur Firefox et sur Edge, mais le bug reste le même.

Occasionnellement, si j'essaie de cliquer sur la croix, au lieu de ne juste rien faire, il me demande si je veux switcher de compte.

caezd commented 1 year ago

Après en avoir parlé en privé, j'ai exploré d'autres avenues sans succès. Le problème pourrait venir de ma très vieille et très mauvaise gestion d'une première tentative de Drag & Drop de l'UI. Je vais devoir investiguer un peu plus, dès que le temps me le permettra.