fix #291

Author: mProjectsCode

exampleVault/Examples.md

@@ -1,5 +1,5 @@
 ---
-slider1: 9
+slider1: 7
 suggest: test
 toggle1: false
 Domestic_tasks:
@@ -13,7 +13,7 @@ inlineSelect: 1
 nested:
   object: test
 number1: 2
-number2: 18
+number2: 14
 time: 
 ---
 

exampleVault/View Fields/JS View Field.md

@@ -33,14 +33,13 @@ save to {cssclasses}
 ---
 const CLASS = 'test-class';
 
-const addClass = context.bound.n1 >= 100;
-let css = new Set(context.metadata.frontmatter.cssclasses ?? []);
+let classes = new Set(context.metadata.frontmatter.cssclasses ?? []);
 
-if (addClass) {
-    css.add(CLASS);
+if (context.bound.n1 >= 100) {
+    classes.add(CLASS);
 } else {
-    css.delete(CLASS);
+    classes.delete(CLASS);
 }
 
-return [...css.values()];
+return [...classes.values()];
 ```

packages/obsidian/src/cm6/Cm6_ViewPlugin.ts

@@ -22,6 +22,25 @@ export function createMarkdownRenderChildWidgetEditorPlugin(plugin: MetaBindPlug
 				this.component = new Component();
 				this.component.load();
 				this.decorations = this.renderWidgets(view) ?? Decoration.none;
+
+				view.dom.addEventListener('click', e => this.handleClick(e));
+			}
+
+			handleClick(e: MouseEvent): void {
+				if (e.target instanceof HTMLElement) {
+					let parent: HTMLElement | null = e.target;
+
+					// check if the click was inside an input field
+					while (parent !== null) {
+						if (parent.classList.contains('mb-input')) {
+							e.preventDefault();
+							e.stopPropagation();
+							break;
+						}
+
+						parent = parent.parentElement;
+					}
+				}
 			}
 
 			isLivePreview(state: EditorState): boolean {