From c9c0212ca9aed6ecb1083878d1efa68406ca0030 Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Fri, 18 Oct 2024 15:53:47 -0500
Subject: [PATCH] fix(web): intersection observer not triggered to load more
 people (#13589)

---
 .../lib/components/faces-page/manage-people-visibility.svelte   | 2 +-
 web/src/lib/components/faces-page/people-infinite-scroll.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/faces-page/manage-people-visibility.svelte b/web/src/lib/components/faces-page/manage-people-visibility.svelte
index 23a69e7759..a48fd6bf74 100644
--- a/web/src/lib/components/faces-page/manage-people-visibility.svelte
+++ b/web/src/lib/components/faces-page/manage-people-visibility.svelte
@@ -145,7 +145,7 @@
     {@const hidden = personIsHidden[person.id]}
     <button
       type="button"
-      class="group relative"
+      class="group relative w-full h-full"
       on:click={() => (personIsHidden[person.id] = !hidden)}
       aria-pressed={hidden}
       aria-label={person.name ? $t('hide_named_person', { values: { name: person.name } }) : $t('hide_person')}
diff --git a/web/src/lib/components/faces-page/people-infinite-scroll.svelte b/web/src/lib/components/faces-page/people-infinite-scroll.svelte
index 1f613c52a0..aefd6fe957 100644
--- a/web/src/lib/components/faces-page/people-infinite-scroll.svelte
+++ b/web/src/lib/components/faces-page/people-infinite-scroll.svelte
@@ -23,7 +23,7 @@
 <div class="w-full grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-9 gap-1">
   {#each people as person, index (person.id)}
     {#if hasNextPage && index === people.length - 1}
-      <div bind:this={lastPersonContainer} class="contents">
+      <div bind:this={lastPersonContainer}>
         <slot {person} {index} />
       </div>
     {:else}