Keuzemenu filter- of zoeklijst verkeerd gepositioneerd

Keuzemenu filter- of zoeklijst verkeerd gepositioneerd

In Onemap v5.17 is een de invoercomponent voor keuzevelden met domeinlijst (filter/zoeken) aangepast. De standaard html select is vervangen door een React-component waarmee de lijst met opties gefilterd kan worden door een stuk tekst in te typen.

Deze component berekent zelf waar de lijst met keuze-opties moet worden geplaatst op het scherm, en in sommige gevallen gaat deze berekening mis als de viewer ge-embed is in een pagina. Dit kan het geval zijn bij viewer die ge-embed zijn in elementen die position: relative of position: absolute met een offset hebben.

Voorbeeld:

keuzelijst-offset.png
Keuzelijst verkeerd gepositioneerd

 

De initViewer method heeft twee opstartopties beschikbaar die dit probleem mogelijk oplossen. Zie ook https://docs.webgis.nl/api/viewer.html#initviewer

Optie 1: offsetcompensatie toepassen

Deze optie is mogelijk van toepassing als de embedded viewer een offset heeft ten opzichte van de pagina waarin deze is geëmbed.

Door applyOffsetCorrection: true op te geven als optie bij initViewer, probeert de viewer eventuele offsets van het element waarin deze staat te compenseren bij het tonen van het uitklapmenu met opties.

Optie 2: standaard html select gebruiken

Als offsetcompensatie het probleem niet oplost, is de opstartoptie useNativeSelect: true een oplossing. Met deze optie wordt een standaard html select element gebruikt in plaats van de filterbare React-component. Deze component heeft geen last van offset problemen, maar heeft ook niet de mogelijkheid om de optielijst te filteren.