diff --git a/src/components/Controls/Check.vue b/src/components/Controls/Check.vue
index 3b2e41dc..03301be6 100644
--- a/src/components/Controls/Check.vue
+++ b/src/components/Controls/Check.vue
@@ -54,7 +54,7 @@
:class="inputClasses"
:checked="value"
:readonly="isReadOnly"
- @change="(e) => triggerChange(+e.target.checked)"
+ @change.stop="(e) => triggerChange(+e.target.checked)"
@focus="(e) => $emit('focus', e)"
/>
diff --git a/src/components/Controls/Color.vue b/src/components/Controls/Color.vue
index d5005f75..c1b948ce 100644
--- a/src/components/Controls/Color.vue
+++ b/src/components/Controls/Color.vue
@@ -44,7 +44,7 @@
:placeholder="t('Custom Hex')"
:class="inputClasses"
:value="value"
- @change="(e) => setColorValue(e.target.value)"
+ @change.stop="(e) => setColorValue(e.target.value)"
class="bg-gray-100"
/>
diff --git a/src/components/Controls/Link.vue b/src/components/Controls/Link.vue
index f14ae78c..e4b88564 100644
--- a/src/components/Controls/Link.vue
+++ b/src/components/Controls/Link.vue
@@ -3,6 +3,7 @@ import frappe from 'frappe';
import AutoComplete from './AutoComplete';
import Badge from '@/components/Badge';
import { openQuickEdit } from '@/utils';
+import { markRaw } from 'vue';
export default {
name: 'Link',
@@ -64,7 +65,7 @@ export default {
label: 'Create',
value: 'Create',
action: () => this.openNewDoc(),
- component: {
+ component: markRaw({
template: `
{{ t('Create') }}
{{ linkValue }}
@@ -78,7 +79,7 @@ export default {
},
},
components: { Badge },
- },
+ }),
};
},
async getFilters(keyword) {
diff --git a/src/components/Controls/Select.vue b/src/components/Controls/Select.vue
index f4960db1..4c1506dd 100644
--- a/src/components/Controls/Select.vue
+++ b/src/components/Controls/Select.vue
@@ -20,7 +20,7 @@
'text-gray-400': !value,
}"
:value="value"
- @change="(e) => triggerChange(e.target.value)"
+ @change.stop="(e) => triggerChange(e.target.value)"
@focus="(e) => $emit('focus', e)"
>