diff --git a/src/components/common/VirtualGrid.test.ts b/src/components/common/VirtualGrid.test.ts index 0795709501..089b2aba69 100644 --- a/src/components/common/VirtualGrid.test.ts +++ b/src/components/common/VirtualGrid.test.ts @@ -71,11 +71,10 @@ describe('VirtualGrid', () => { await nextTick() - if (receivedIndices.length > 0) { - expect(receivedIndices[0]).toBe(0) - for (let i = 1; i < receivedIndices.length; i++) { - expect(receivedIndices[i]).toBe(receivedIndices[i - 1] + 1) - } + expect(receivedIndices.length).toBeGreaterThan(0) + expect(receivedIndices[0]).toBe(0) + for (let i = 1; i < receivedIndices.length; i++) { + expect(receivedIndices[i]).toBe(receivedIndices[i - 1] + 1) } wrapper.unmount() @@ -97,6 +96,9 @@ describe('VirtualGrid', () => { const gridElement = wrapper.find('[style*="grid"]') expect(gridElement.exists()).toBe(true) + const style = gridElement.attributes('style') ?? '' + expect(style).toContain('repeat(2') + wrapper.unmount() }) diff --git a/src/components/common/VirtualGrid.vue b/src/components/common/VirtualGrid.vue index 2a87c29b50..00ed9785dc 100644 --- a/src/components/common/VirtualGrid.vue +++ b/src/components/common/VirtualGrid.vue @@ -57,9 +57,7 @@ const emit = defineEmits<{ 'approach-end': [] }>() -defineSlots<{ - item: (props: { item: T & { key: string }; index: number }) => unknown -}>() + const itemHeight = ref(defaultItemHeight) const itemWidth = ref(defaultItemWidth) diff --git a/src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenu.vue b/src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenu.vue index 2ab7fa6408..ebc0b431f1 100644 --- a/src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenu.vue +++ b/src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenu.vue @@ -64,7 +64,6 @@ const layoutConfig = computed( const gridStyle = computed(() => ({ display: 'grid', - gridTemplateColumns: `repeat(${layoutConfig.value.maxColumns}, 1fr)`, gap: layoutConfig.value.gap, padding: '1rem', width: '100%' @@ -81,7 +80,7 @@ const virtualItems = computed(() =>