diff --git a/app/frontend/apps/desktop/components/CommonSelect/CommonSelect.vue b/app/frontend/apps/desktop/components/CommonSelect/CommonSelect.vue index 52ee845844c7..69f31d0f04da 100644 --- a/app/frontend/apps/desktop/components/CommonSelect/CommonSelect.vue +++ b/app/frontend/apps/desktop/components/CommonSelect/CommonSelect.vue @@ -385,6 +385,7 @@ const duration = VITE_TEST_MODE ? undefined : { enter: 300, leave: 200 } value: '', disabled: true, }" + no-selection-indicator /> diff --git a/app/frontend/apps/desktop/components/CommonSelect/CommonSelectItem.vue b/app/frontend/apps/desktop/components/CommonSelect/CommonSelectItem.vue index 41eb91005a59..506496f7f353 100644 --- a/app/frontend/apps/desktop/components/CommonSelect/CommonSelectItem.vue +++ b/app/frontend/apps/desktop/components/CommonSelect/CommonSelectItem.vue @@ -17,6 +17,7 @@ const props = defineProps<{ noLabelTranslate?: boolean filter?: string optionIconComponent?: ConcreteComponent + noSelectionIndicator?: boolean }>() const emit = defineEmits<{ @@ -71,7 +72,7 @@ const OptionIconComponent = props.optionIconComponent @keypress.enter.prevent="select(option)" > + – {{ heading }} - diff --git a/app/frontend/apps/desktop/components/CommonSelect/__tests__/CommonSelect.spec.ts b/app/frontend/apps/desktop/components/CommonSelect/__tests__/CommonSelect.spec.ts index 0ed4b6a82ecd..d19133266a17 100644 --- a/app/frontend/apps/desktop/components/CommonSelect/__tests__/CommonSelect.spec.ts +++ b/app/frontend/apps/desktop/components/CommonSelect/__tests__/CommonSelect.spec.ts @@ -194,6 +194,6 @@ describe('CommonSelect.vue', () => { const option = view.getByRole('option') expect(option).toHaveTextContent('foo (1) – bar (2)') - expect(option.children[0]).toHaveAttribute('title', 'foo (1) – bar (2)') + expect(option.children[1]).toHaveAttribute('title', 'foo (1) – bar (2)') }) }) diff --git a/app/frontend/apps/desktop/components/Form/fields/FieldSelect/__tests__/FieldSelect.spec.ts b/app/frontend/apps/desktop/components/Form/fields/FieldSelect/__tests__/FieldSelect.spec.ts index 725096e83ffc..4f5f14ab3555 100644 --- a/app/frontend/apps/desktop/components/Form/fields/FieldSelect/__tests__/FieldSelect.spec.ts +++ b/app/frontend/apps/desktop/components/Form/fields/FieldSelect/__tests__/FieldSelect.spec.ts @@ -649,12 +649,12 @@ describe('Form - Field - Select - Options', () => { selectOptions.forEach((selectOption) => { if (selectOption.textContent === 'Ítem D') { - expect(selectOption.children[0].children[0]).toHaveTextContent('Ítem') + expect(selectOption.children[1].children[0]).toHaveTextContent('Ítem') } else { - expect(selectOption.children[0].children[0]).toHaveTextContent('Item') + expect(selectOption.children[1].children[0]).toHaveTextContent('Item') } - expect(selectOption.children[0].children[0]).toHaveClasses([ + expect(selectOption.children[1].children[0]).toHaveClasses([ 'bg-blue-600', 'dark:bg-blue-900', ]) diff --git a/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdown.vue b/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdown.vue index 8e36577518c9..7c25cc48a02b 100644 --- a/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdown.vue +++ b/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdown.vue @@ -507,6 +507,7 @@ const duration = VITE_TEST_MODE ? undefined : { enter: 300, leave: 200 } disabled: true, } as MatchedFlatSelectOption " + no-selection-indicator /> diff --git a/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdownItem.vue b/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdownItem.vue index 41f55bef33ef..2459e3510372 100644 --- a/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdownItem.vue +++ b/app/frontend/apps/desktop/components/Form/fields/FieldTreeSelect/FieldTreeSelectInputDropdownItem.vue @@ -16,6 +16,7 @@ const props = defineProps<{ multiple?: boolean noLabelTranslate?: boolean filter?: string + noSelectionIndicator?: boolean }>() const emit = defineEmits<{ @@ -69,7 +70,7 @@ const goToNextPage = (option: FlatSelectOption, noFocus?: boolean) => { @keypress.enter.prevent="select(option)" > + { > {{ label }} -
{ selectOptions.forEach((selectOption) => { if (selectOption.textContent === 'Ítem C') { - expect(selectOption.children[0].children[0]).toHaveTextContent('Ítem') + expect(selectOption.children[1].children[0]).toHaveTextContent('Ítem') } else { - expect(selectOption.children[0].children[0]).toHaveTextContent('Item') + expect(selectOption.children[1].children[0]).toHaveTextContent('Item') } - expect(selectOption.children[0].children[0]).toHaveClasses([ + expect(selectOption.children[1].children[0]).toHaveClasses([ 'bg-blue-600', 'dark:bg-blue-900', ])