Accessibility: add focus trapping, debug tab cycling, UI tweaks for mobile browser

This commit is contained in:
Pieter Vander Vennet 2023-12-07 21:57:20 +01:00
parent 307549b593
commit 8ae4d810d6
19 changed files with 123 additions and 77 deletions

View file

@ -89,7 +89,7 @@
})
let selectedLayer: UIEventSource<LayerConfig> = state.selectedElement.mapD(element => state.layout.getMatchingLayer(element.properties));
let selectedLayer: Store<LayerConfig> = state.selectedElement.mapD(element => state.layout.getMatchingLayer(element.properties));
let currentZoom = state.mapProperties.zoom;
let showCrosshair = state.userRelatedState.showCrosshair;
@ -125,7 +125,6 @@
bounds={state.mapProperties.bounds}
perLayer={state.perLayer}
selectedElement={state.selectedElement}
{selectedLayer}
/>
</div>
</If>
@ -144,7 +143,6 @@
{#if currentViewLayer?.tagRenderings && currentViewLayer.defaultIcon()}
<MapControlButton
on:click={() => {
selectedLayer.setData(currentViewLayer)
selectedElement.setData(state.currentView.features?.data?.[0])
}}
>
@ -269,7 +267,7 @@
>
<XCircleIcon />
</div>
<ImageOperations clss="focusable" image={$previewedImage} />
<ImageOperations image={$previewedImage} />
</FloatOver>
</If>