From 695371f5911263fddac58526ce7444057822b286 Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Wed, 24 Jun 2026 09:45:02 +0200
Subject: [PATCH] [Glitch] Fix accounts not visible in collection editor in
 advanced web interface

Port c60fa47e464f6d13825f32162f447ddca9b8f200 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../features/collections/editor/accounts.tsx  | 72 +++++++++----------
 .../collections/editor/styles.module.scss     |  2 +-
 2 files changed, 36 insertions(+), 38 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/collections/editor/accounts.tsx b/app/javascript/flavours/glitch/features/collections/editor/accounts.tsx
index 8dd8c66eb2..78ac4951b7 100644
--- a/app/javascript/flavours/glitch/features/collections/editor/accounts.tsx
+++ b/app/javascript/flavours/glitch/features/collections/editor/accounts.tsx
@@ -27,7 +27,6 @@ import {
 import {
   Article,
   ItemList,
-  Scrollable,
 } from 'flavours/glitch/components/scrollable_list/components';
 import { useAccount } from 'flavours/glitch/hooks/useAccount';
 import { useSearchAccounts } from 'flavours/glitch/hooks/useSearchAccounts';
@@ -420,43 +419,42 @@ export const CollectionAccounts: React.FC<{
             </AccountsHeadingElement>
           )}
 
-          <Scrollable className={classes.scrollableWrapper}>
-            <ItemList
-              emptyMessage={
-                <EmptyState
-                  title={
-                    <FormattedMessage
-                      id='collections.accounts.empty_editor_title'
-                      defaultMessage='No one is in this collection yet'
-                    />
-                  }
-                  message={
-                    <FormattedMessage
-                      id='collections.accounts.empty_description'
-                      defaultMessage='Add up to {count} accounts'
-                      values={{
-                        count: MAX_COLLECTION_ACCOUNT_COUNT,
-                      }}
-                    />
-                  }
-                />
-              }
-            >
-              {editorItems.map(({ account_id, state }, index) => (
-                <Article
-                  key={account_id}
-                  aria-posinset={index}
-                  aria-setsize={editorItems.length}
-                >
-                  <AddedAccountItem
-                    accountId={account_id}
-                    pending={state === 'pending'}
-                    onRemove={handleRemoveAccountItem}
+          <ItemList
+            className={classes.accountList}
+            emptyMessage={
+              <EmptyState
+                title={
+                  <FormattedMessage
+                    id='collections.accounts.empty_editor_title'
+                    defaultMessage='No one is in this collection yet'
                   />
-                </Article>
-              ))}
-            </ItemList>
-          </Scrollable>
+                }
+                message={
+                  <FormattedMessage
+                    id='collections.accounts.empty_description'
+                    defaultMessage='Add up to {count} accounts'
+                    values={{
+                      count: MAX_COLLECTION_ACCOUNT_COUNT,
+                    }}
+                  />
+                }
+              />
+            }
+          >
+            {editorItems.map(({ account_id, state }, index) => (
+              <Article
+                key={account_id}
+                aria-posinset={index}
+                aria-setsize={editorItems.length}
+              >
+                <AddedAccountItem
+                  accountId={account_id}
+                  pending={state === 'pending'}
+                  onRemove={handleRemoveAccountItem}
+                />
+              </Article>
+            ))}
+          </ItemList>
         </div>
       </FormStack>
       {!isEditMode && hasItems && (
diff --git a/app/javascript/flavours/glitch/features/collections/editor/styles.module.scss b/app/javascript/flavours/glitch/features/collections/editor/styles.module.scss
index d1111e7469..02d719699e 100644
--- a/app/javascript/flavours/glitch/features/collections/editor/styles.module.scss
+++ b/app/javascript/flavours/glitch/features/collections/editor/styles.module.scss
@@ -55,7 +55,7 @@
   gap: 16px;
 }
 
-.scrollableWrapper {
+.accountList {
   margin-inline: -16px;
 }