diff --git a/src/runtime/components/forms/SelectMenu.vue b/src/runtime/components/forms/SelectMenu.vue index 273f1bd7..f80743ce 100644 --- a/src/runtime/components/forms/SelectMenu.vue +++ b/src/runtime/components/forms/SelectMenu.vue @@ -441,9 +441,9 @@ export default defineComponent({ const leadingWrapperIconClass = computed(() => { return twJoin( - ui.value.icon.leading.wrapper, - ui.value.icon.leading.pointer, - ui.value.icon.leading.padding[size.value] + uiMenu.value.icon.leading.wrapper, + uiMenu.value.icon.leading.pointer, + uiMenu.value.icon.leading.padding[size.value] ) }) @@ -458,9 +458,9 @@ export default defineComponent({ const trailingWrapperIconClass = computed(() => { return twJoin( - ui.value.icon.trailing.wrapper, - ui.value.icon.trailing.pointer, - ui.value.icon.trailing.padding[size.value] + uiMenu.value.icon.trailing.wrapper, + uiMenu.value.icon.trailing.pointer, + uiMenu.value.icon.trailing.padding[size.value] ) }) diff --git a/src/runtime/ui.config/forms/input.ts b/src/runtime/ui.config/forms/input.ts index 90e42e91..ddf2c500 100644 --- a/src/runtime/ui.config/forms/input.ts +++ b/src/runtime/ui.config/forms/input.ts @@ -77,7 +77,7 @@ export default { }, leading: { wrapper: 'absolute inset-y-0 start-0 flex items-center', - pointer: 'pointer-events-auto', + pointer: 'pointer-events-none', padding: { '2xs': 'px-2', 'xs': 'px-2.5', @@ -89,7 +89,7 @@ export default { }, trailing: { wrapper: 'absolute inset-y-0 end-0 flex items-center', - pointer: 'pointer-events-auto', + pointer: 'pointer-events-none', padding: { '2xs': 'px-2', 'xs': 'px-2.5', diff --git a/src/runtime/ui.config/forms/selectMenu.ts b/src/runtime/ui.config/forms/selectMenu.ts index e8b8a71c..ae785453 100644 --- a/src/runtime/ui.config/forms/selectMenu.ts +++ b/src/runtime/ui.config/forms/selectMenu.ts @@ -1,5 +1,6 @@ import { arrow } from '../popper' import inputMenu from './inputMenu' +import input from './input' export default { ...inputMenu, @@ -20,6 +21,18 @@ export default { popper: { placement: 'bottom-end' }, + icon: { + ...input.icon, + leading: { + ...input.icon.leading, + pointer: 'pointer-events-auto' + }, + trailing: { + ...input.icon.trailing, + pointer: 'pointer-events-auto' + } + + }, default: { selectedIcon: 'i-heroicons-check-20-solid', clearSearchOnClose: false,