svelte 4.x => 5.0

[nominatim-ui.git] / src / components / ResultsList.svelte

diff --git a/src/components/ResultsList.svelte b/src/components/ResultsList.svelte
index 3b6c7133945a564e1098608e75325d611ef23976..8935ec1b1a2a7d17dc80dd8875b990c1788d7fa5 100644 (file)
--- a/src/components/ResultsList.svelte
+++ b/src/components/ResultsList.svelte
@@ -53,13 +53,16 @@
 </script>
 
 {#if aSearchResults && aSearchResults.length > 0}
 </script>
 
 {#if aSearchResults && aSearchResults.length > 0}

-  <div id="searchresults">
+  <div id="searchresults" role="list">

 
     {#each aSearchResults as aResult, iResNum}
 
     {#each aSearchResults as aResult, iResNum}

+      <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->

       <div class="result"
            class:highlight={iResNum === iHighlightNum}
       <div class="result"
            class:highlight={iResNum === iHighlightNum}

+           role="listitem"

            data-position="{iResNum}"
            data-position="{iResNum}"

-           on:click|stopPropagation={handleClick}>
+           on:click|stopPropagation={handleClick}
+           on:keypress|stopPropagation={handleClick}>

         <div style="float:right">
           <MapIcon aPlace={aResult} />
         </div>
         <div style="float:right">
           <MapIcon aPlace={aResult} />
         </div>