Skip to content

Commit a96927a

Browse files
Fix readonly-input inner icons not triggering toggle
1 parent e260be7 commit a96927a

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

src/plugin/VColorField.vue

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@
9090
<PipComponent
9191
v-if="settings.pip"
9292
v-bind="pipProps"
93-
@click="toggleColorPicker"
93+
@click="toggleCheck('textFieldIcon')"
9494
/>
9595
<ColorPickerIcon
9696
v-else-if="settings.prependInnerIcon"
@@ -122,7 +122,7 @@
122122
<PipComponent
123123
v-if="settings.pip"
124124
v-bind="pipProps"
125-
@click="toggleColorPicker"
125+
@click="toggleCheck('textFieldIcon')"
126126
/>
127127
<ColorPickerIcon
128128
v-else-if="settings.appendInnerIcon"
@@ -390,6 +390,7 @@ const cardClasses = computed(() => useCardClasses({
390390
// ------------------------- Toggle Check //
391391
// ? Checks to prevent double triggers //
392392
function toggleCheck(trigger: string) {
393+
console.log('toggleCheck', trigger);
393394
if (trigger === 'textField' && !settings.readonlyInput && !settings.readonly) {
394395
return;
395396
}
@@ -403,6 +404,7 @@ function toggleCheck(trigger: string) {
403404
404405
// ------------------------- Toggle Color Picker //
405406
function toggleColorPicker(trigger?: string | Event): void {
407+
console.log('toggleColorPicker', trigger);
406408
const defaultCoords = { left: 0, right: 0, top: 0, width: 0 };
407409
const fieldContainer = fieldContainerRef.value;
408410
@@ -417,7 +419,10 @@ function toggleColorPicker(trigger?: string | Event): void {
417419
return;
418420
}
419421
422+
console.log('foo', colorPickerOpen.value);
423+
420424
colorPickerOpen.value = !colorPickerOpen.value;
425+
console.log('foo', colorPickerOpen.value);
421426
422427
// If color picker is closed no further action is needed //
423428
if (!colorPickerOpen.value) {

0 commit comments

Comments
 (0)