diff --git a/app/javascript/components/ComboBox.tsx b/app/javascript/components/ComboBox.tsx index 10d184497..75a160df4 100644 --- a/app/javascript/components/ComboBox.tsx +++ b/app/javascript/components/ComboBox.tsx @@ -48,7 +48,6 @@ export function ComboBox({ {label ? : null} @@ -114,7 +113,12 @@ export function SingleComboBox({ return ( <> - + {(item) => {item.label}} {children || name ? ( @@ -184,7 +188,7 @@ export function MultiComboBox(maybeProps: MultiComboBoxProps) { key={item.value} id={item.value} textValue={`Retirer ${item.label}`} - className="fr-tag fr-tag--sm" + className="fr-tag fr-tag--sm fr-tag--dismiss" > {item.label} @@ -197,6 +201,7 @@ export function MultiComboBox(maybeProps: MultiComboBoxProps) { aria-labelledby={labelledby} allowsCustomValue={allowsCustomValue} inputRef={inputRef} + menuTrigger="focus" {...comboBoxProps} {...props} > diff --git a/app/javascript/entrypoints/application.js b/app/javascript/entrypoints/application.js index 779400478..709340d42 100644 --- a/app/javascript/entrypoints/application.js +++ b/app/javascript/entrypoints/application.js @@ -3,8 +3,8 @@ import Rails from '@rails/ujs'; import * as ActiveStorage from '@rails/activestorage'; import * as Turbo from '@hotwired/turbo'; import { Application } from '@hotwired/stimulus'; -import '@gouvfr/dsfr/dist/dsfr.module.js'; +import '../shared/dsfr'; import '../shared/activestorage/ujs'; import '../shared/safari-11-empty-file-workaround'; import '../shared/toggle-target'; diff --git a/app/javascript/shared/dsfr.ts b/app/javascript/shared/dsfr.ts new file mode 100644 index 000000000..abea3774a --- /dev/null +++ b/app/javascript/shared/dsfr.ts @@ -0,0 +1,17 @@ +import '@gouvfr/dsfr/dist/core/core.module'; +import '@gouvfr/dsfr/dist/scheme/scheme.module'; + +import '@gouvfr/dsfr/dist/component/toggle/toggle.module'; +import '@gouvfr/dsfr/dist/component/breadcrumb/breadcrumb.module'; +import '@gouvfr/dsfr/dist/component/modal/modal.module'; +import '@gouvfr/dsfr/dist/component/navigation/navigation.module'; +import '@gouvfr/dsfr/dist/component/segmented/segmented.module'; +import '@gouvfr/dsfr/dist/component/table/table.module'; +import '@gouvfr/dsfr/dist/component/tile/tile.module'; +import '@gouvfr/dsfr/dist/component/card/card.module'; +import '@gouvfr/dsfr/dist/component/header/header.module'; +import '@gouvfr/dsfr/dist/component/sidemenu/sidemenu.module'; +import '@gouvfr/dsfr/dist/component/password/password.module'; +import '@gouvfr/dsfr/dist/component/accordion/accordion.module'; +import '@gouvfr/dsfr/dist/component/tab/tab.module'; +import '@gouvfr/dsfr/dist/component/tooltip/tooltip.module';