Comportement (position) aléatoire du plugin filtre

[eprouteau]

Avec la mise en place des paramètres bottom, top, ... le comportement du filtre est très aléatoire.

Par exemple :

• Sa hauteur ne d'adapte pas en fonction des choix sur un filtre de type Button
• Le scrolling est inutilisable

https://www.pigma.org/public/visualiseur/mviewer/?config=apps/donneesplages/projetsplages.xml

[Gaetanbrl]

Peux-tu partager ta config du plugin ? Elles est inaccessible depuis l'appli.

[eprouteau]

{
    "js": ["js/filter.js", "js/jquery.easyDrag.min.js"],
    "css": "css/filter.css",
    "html": "filter.html",
    "target": "page-content-wrapper",
    "options": {
        "mviewer": {
            "donneesplage": {
                "tooltipPosition": "bottom-left",
                "title": "Filtrer",
                "legendTitle": "Sélectionner une donnée :",
                "style": {
                    "border": "1px white solid",
                    "background": "white",
                    "text": "#0000ff",
                    "colorButton": "#0000ff",
                    "selectedBtnColor": "#0000ff",
                    "unSelectedBtnColor": "#bbbbbb",
                    "textSelectBtnColor": "white",
                    "bottom": "280px",
                    "right": "15px"
                },
                "open": true,
                "zoomOnFeatures": true,
                "layers": [{
                    "layerId": "plage",
                    "filter": [{
                            "attribut": "grand_territoire",
                            "type": "button",
                            "label": "Grands territoires"
                        },
                        {
                            "attribut": "nature_baignade",
                            "type": "combobox",
                            "label": "Nature de baignade",
                            "updateOnChange": true
                        },
                        {
                            "attribut": "commune",
                            "type": "textbox",
                            "label": "Commune",
                            "updateOnChange": true
                        }, {
                            "attribut": "stationnement",
                            "type": "button",
                            "label": "Stationnement",
                            "updateOnChange": true,
                            "dataSeparator": ","
                        },
                        {
                            "attribut": ["date_ouverture", "date_fermeture"],
                            "type": "date",
                            "label": "Plages surveillées le",
                            "updateOnChange": true
                        }
                    ]
                }]
            },
            "donneesplageprojet": {
                "tooltipPosition": "bottom-left",
                "title": "Filtrer",
                "legendTitle": "Sélectionner une donnée :",
                "style": {
                    "border": "1px white solid",
                    "background": "white",
                    "text": "#0000ff",
                    "colorButton": "#0000ff",
                    "selectedBtnColor": "#0000ff",
                    "unSelectedBtnColor": "#bbbbbb",
                    "textSelectBtnColor": "white",
                    "top": "280px",
                    "right": "15px"
                },
                "open": true,
                "zoomOnFeatures": true,
                "layers": [{
                    "layerId": "plage",
                    "filter": [{
                            "attribut": "grand_territoire",
                            "type": "button",
                            "label": "Grands territoires"
                        },
                        {
                            "attribut": "projet_nature_operation",
                            "type": "button",
                            "label": "Nature du site de projet",
                            "updateOnChange": true,
                            "dataSeparator": ","
                        }
                    ]
                }]
            }
        }
    }
}

[Gaetanbrl]

Je viens de faire un push sur la brancheissue-34 pour essayer de corriger ce soucis.