2993311 Fix dropdown click outside on mobile safari — radicle-explorer

Radicle web interface

Fix dropdown click outside on mobile safari

Rūdolfs Ošiņš committed 3 years ago

commit 29933116e837d106d826a8ebe893e6f6ab723d41
parent ffc6f210616f39d2fcad6ed6345e48600a2f5c8e

1 file changed +2 -16

modified src/components/Floating.svelte

@@ -9,12 +9,11 @@

 <script lang="ts">
   export let disabled = false;
   export let overlay = false;
   let expanded = false;
   let thisComponent: HTMLDivElement;
   function clickOutside(ev: MouseEvent) {
   function clickOutside(ev: MouseEvent | TouchEvent) {
     if (!$focused?.contains(ev.target as HTMLDivElement)) {
       closeFocused();
     }

@@ -35,21 +34,12 @@

 </script>
 <style>
   .overlay {
     background-color: #00000075;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   .toggle {
     user-select: none;
   }
 </style>
 <svelte:window on:click={clickOutside} />
 <svelte:window on:click={clickOutside} on:touchstart={clickOutside} />
 <div bind:this={thisComponent}>
   <!-- svelte-ignore a11y-click-events-have-key-events -->

@@ -61,10 +51,6 @@

   </div>
   {#if expanded}
     {#if overlay}
       <!-- svelte-ignore a11y-click-events-have-key-events -->
       <div class="overlay" on:click={toggle} />
     {/if}
     <slot name="modal" />
   {/if}
 </div>