fix 232

Author: mProjectsCode

exampleVault/Input Fields/List.md

@@ -28,6 +28,10 @@ INPUT[list(showcase):list]
 
 `VIEW[{list}][link]`
 
+```meta-bind
+INPUT[list(showcase, multiLine):list]
+```
+
 ### List Suggester
 
 ```meta-bind

packages/core/src/config/FieldConfigs.ts

@@ -440,6 +440,7 @@ export const InputFieldArgumentConfigs: Record<InputFieldArgumentType, InputFiel
 		type: InputFieldArgumentType.MULTI_LINE,
 		allowedFieldTypes: [InputFieldType.LIST],
 		values: [
+			[],
 			[
 				{
 					name: 'value',
@@ -458,6 +459,7 @@ export const InputFieldArgumentConfigs: Record<InputFieldArgumentType, InputFiel
 			InputFieldType.INLINE_LIST_SUGGESTER,
 		],
 		values: [
+			[],
 			[
 				{
 					name: 'value',

packages/core/src/fields/inputFields/fields/List/ListComponent.svelte

@@ -116,7 +116,11 @@
 	{/each}
 </div>
 <div class="mb-list-input">
-	<input type="text" tabindex="0" placeholder={placeholder} bind:value={addValue} maxlength={limit} />
+	{#if multiLine}
+		<textarea tabindex="0" placeholder={placeholder} bind:value={addValue} maxlength={limit} />
+	{:else}
+		<input type="text" tabindex="0" placeholder={placeholder} bind:value={addValue} maxlength={limit} />
+	{/if}
 	{#if limit !== undefined}
 		<span class={`mb-content-limit-indicator ${value.length > limit ? 'mb-content-limit-indicator-overflow' : ''}`}
 			>{getLimitString(value.length, limit)}</span

packages/core/src/utils/components/LiteralRenderComponent.svelte

@@ -11,7 +11,7 @@
 </script>
 
 {#if typeof parsedValue === 'string'}
-	<span>{parsedValue}</span>
+	<span style="white-space: pre">{parsedValue}</span>
 {:else if Array.isArray(parsedValue)}
 	<span>
 		<ListWrapper elements={parsedValue} let:element>

packages/obsidian/src/main.ts

@@ -301,6 +301,10 @@ export default class MetaBindPlugin extends Plugin implements IPlugin {
 	}
 
 	loadTemplates(): void {
+		if (!this.api) {
+			return;
+		}
+
 		const inputFieldTemplateParseErrorCollection = this.api.inputFieldParser.parseTemplates(
 			this.settings.inputFieldTemplates,
 		);

styles.css

@@ -193,6 +193,11 @@ div.mb-view-wrapper {
 	flex-grow: 1;
 }
 
+.mb-list-input > textarea {
+	flex-grow: 1;
+	resize: vertical;
+}
+
 .mb-list-empty {
 	color: var(--text-faint);
 }