IGNF / cartes.gouv.fr-entree-carto

Vitrine cartographique de cartes.gouv.fr
https://ignf.github.io/cartes.gouv.fr-entree-carto/
GNU Affero General Public License v3.0
3 stars 0 forks source link

Gestion de l'ordre d'affichage des modales - superposition #335

Open IGNF-Xavier opened 2 weeks ago

IGNF-Xavier commented 2 weeks ago

Description

Les modales se superposent mais pas forcément dans l'ordre demandé.

Comportement attendu

Ordre des modales à respecter

Comment reproduire l'anomalie

1- cliquer sur position curseur : la modale apparait 2- cliquer sur le centrage territoire : la modale apparait en-dessous alors que c'est la 2e appelée qui doit appraitre au-dessus.

Dans tous les cas, c'est toujours coordonnées qui est audessus. Ce n'est pas normal

Solution possible

No response

Complément de contexte

No response

elias75015 commented 1 week ago

OK il y a un sujet à investiguer, pour l'instant l'ordre est fixe. Il faudrait que la dernière modale cliquée ait un index = index max + 1 par rapport aux autres modales.

@lowzonenose si tu peux regarder ?

elias75015 commented 1 week ago

@IGNF-Xavier @Kristell-5 est-ce qu'implémenter le comportement un panel ouvert ferme un autre panel ouvert (un seul widget ouvert en même temps) vous parait pertinent dans un premier temps ? Sinon c'est un peu prise de tête à court terme.

On peut éventuellement faire en sorte de faire des exceptions s'il est pertinent que deux widgets précis soient ouverts en même temps.

IGNF-Xavier commented 1 week ago

@elias75015 En mode MVP : je dirais que oui c'est pertinent dès lors que les fermetures sont liées à un positionnement. 2 options :

Je suggère la position gauche et droite étant donné qu'il est possible que 2 modales situées à gauche se superpose alors que l'une est déclenchée par un bouton en haut et l'autre par un bouton en bas

elias75015 commented 1 week ago

OK on va faire comme ça alors : un panel par côté.

En mode mobile (petit écran), on limite en revanche à un seul panel autant que faire se peut en plein écran.