forked from MapComplete/MapComplete
		
	UX: remove trapFocus as it causes bugs
This commit is contained in:
		
							parent
							
								
									72d10863b8
								
							
						
					
					
						commit
						19c57ffce0
					
				
					 4 changed files with 2 additions and 8 deletions
				
			
		|  | @ -1,6 +1,6 @@ | |||
| { | ||||
|   "name": "mapcomplete", | ||||
|   "version": "0.43.1", | ||||
|   "version": "0.43.2", | ||||
|   "repository": "https://github.com/pietervdvn/MapComplete", | ||||
|   "description": "A small website to edit OSM easily", | ||||
|   "bugs": "https://github.com/pietervdvn/MapComplete/issues", | ||||
|  | @ -194,7 +194,6 @@ | |||
|     "svg-path-parser": "^1.1.0", | ||||
|     "tailwind-merge": "^1.13.1", | ||||
|     "tailwindcss": "^3.1.8", | ||||
|     "trap-focus-svelte": "^1.0.2", | ||||
|     "turndown": "^7.1.3", | ||||
|     "vite-node": "^0.28.3", | ||||
|     "vitest": "^0.28.3", | ||||
|  |  | |||
|  | @ -1,8 +1,6 @@ | |||
| <script lang="ts"> | ||||
|   import { createEventDispatcher } from "svelte" | ||||
|   import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid" | ||||
|   import { twMerge } from "tailwind-merge" | ||||
|   import { trapFocus } from "trap-focus-svelte" | ||||
|   import { ariaLabel } from "../../Utils/ariaLabel" | ||||
|   import Translations from "../i18n/Translations" | ||||
| 
 | ||||
|  | @ -25,7 +23,6 @@ | |||
| <div | ||||
|   class={"absolute bottom-0 right-0 h-full w-screen p-4 md:p-6"} | ||||
|   style="z-index: 21" | ||||
|   use:trapFocus | ||||
| > | ||||
|   <div class="content normal-background h-full" on:click|stopPropagation={() => {}}> | ||||
|     <div class="h-full rounded-xl"> | ||||
|  |  | |||
|  | @ -1,7 +1,6 @@ | |||
| <script lang="ts"> | ||||
|   import { createEventDispatcher } from "svelte" | ||||
|   import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid" | ||||
|   import { trapFocus } from "trap-focus-svelte" | ||||
| 
 | ||||
|   /** | ||||
|    * The slotted element will be shown on the right side | ||||
|  | @ -17,7 +16,6 @@ | |||
|   style="max-width: 100vw; max-height: 100vh" | ||||
|   tabindex="-1" | ||||
|   id="modal-right" | ||||
|   use:trapFocus | ||||
| > | ||||
|   <slot name="close-button"> | ||||
|     <button | ||||
|  |  | |||
|  | @ -452,7 +452,7 @@ | |||
| {/if} | ||||
| 
 | ||||
| <If condition={state.previewedImage.map((i) => i !== undefined)}> | ||||
|   <FloatOver extraClasses="p-1" on:close={() => state.previewedImage.setData(undefined)}> | ||||
|   <FloatOver on:close={() => state.previewedImage.setData(undefined)}> | ||||
|     <button | ||||
|       class="absolute right-4 top-4 h-8 w-8 rounded-full p-0" | ||||
|       on:click={() => previewedImage.setData(undefined)} | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue