From 6b92d49ea58b8e5797e4e938444b161a63137638 Mon Sep 17 00:00:00 2001
From: Ricardo Espinoza <ricardo@n8n.io>
Date: Mon, 15 Jan 2024 09:03:10 -0500
Subject: [PATCH] fix(editor): Fix issue with synchronization table on LDAP not
 loading data (#8327)

## Summary

When we migrated to Vue3, we updated to a new component and did not provide the right props.

before:

https://www.loom.com/share/ce12b21fdda44176b3e949a00c582252


now:

https://www.loom.com/share/354d1dcb51bd47a9910d5bfe34c7c9b8


## Related tickets and issues
https://linear.app/n8n/issue/PAY-1134/ldap-synchronization-table-in-ui-remains-empty-even-after-successful

## Review / Merge checklist
- [x] PR title and summary are descriptive. **Remember, the title automatically goes into the changelog. Use `(no-changelog)` otherwise.** ([conventions](https://github.com/n8n-io/n8n/blob/master/.github/pull_request_title_conventions.md))
---
 packages/editor-ui/src/views/SettingsLdapView.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/editor-ui/src/views/SettingsLdapView.vue b/packages/editor-ui/src/views/SettingsLdapView.vue
index 6851d87af0..f0feb38239 100644
--- a/packages/editor-ui/src/views/SettingsLdapView.vue
+++ b/packages/editor-ui/src/views/SettingsLdapView.vue
@@ -79,7 +79,7 @@
 					:data="dataTable"
 					:cell-style="cellClassStyle"
 					style="width: 100%"
-					height="250"
+					max-height="250"
 				>
 					<ElTableColumn
 						prop="status"
@@ -110,10 +110,7 @@
 						$locale.baseText('settings.ldap.synchronizationTable.empty.message')
 					}}</template>
 					<template #append>
-						<InfiniteLoading
-							force-use-infinite-wrapper=".el-table__body-wrapper"
-							@infinite="getLdapSynchronizations"
-						>
+						<InfiniteLoading target=".el-table__body-wrapper" @infinite="getLdapSynchronizations">
 						</InfiniteLoading>
 					</template>
 				</ElTable>