fix(LayerImport) : Le panneau des résultats du vecteur tuilé ne s'affiche pas correctement

IGNF / geopf-extensions-openlayers

Extensions de la Geoplateforme pour la bibliothèque de cartographie javascript OpenLayers

https://ignf.github.io/geopf-extensions-openlayers/

GNU Affero General Public License v3.0

2 stars 0 forks source link

fix(LayerImport) : Le panneau des résultats du vecteur tuilé ne s'affiche pas correctement #34

Open lowzonenose opened 4 months ago

lowzonenose commented 4 months ago

Le panneau des résultats de l'import du vecteur tuilé

ne s'affiche pas sur le thème dsfr car les dimensions du panneau sont nulles (l'éditeur est bien présent !)
s'affiche en dehors de la carte sur le thème classic

Test :

> npm run samples:modules
puis ouvrir l'exemple : 
* https://localhost:8080/samples/tests/LayerImport/pages-ol-layerimport-modules-default.html
* https://localhost:8080/samples/tests/LayerImport/pages-ol-layerimport-modules-dsfr-default.html
télécharger le fichier en local : https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/gris.json
importer

Comportement attendu :

ouverture d'un éditeur de style visible !

elias75015 commented 3 months ago

A investiguer @elias75015 @azarz

azarz commented 3 months ago

Résultat de l'investigation :

En mode default, la fenêtre s'affiche bien
En mode DSFR, elle a la class fr-modal, qui a le css suivant, qui cause la disparition :
```
visibility: hidden;
opacity: 0;
```

Historiquement, pour régler le souci, on a changé le tag "div" en tag "dialog". Mais cela n'a pas fonctionné ici, peut-être parce que ce nœud est déjà à l'intérieur d'une "dialog"

        var div = document.createElement("dialog");

src/packages/Controls/LayerImport/LayerImportDOM.js ligne 731