2023-06-08 09:57:09 +02:00
|
|
|
.fr-ds-combobox{ data: { controller: 'combobox', allows_custom_value: allows_custom_value } }
|
|
|
|
.fr-ds-combobox-input
|
2023-10-03 18:14:20 +02:00
|
|
|
%input{ value: selected_option_label_input_value, **html_input_options }
|
2023-06-08 09:57:09 +02:00
|
|
|
- if form
|
2023-10-03 18:14:20 +02:00
|
|
|
= form.hidden_field name, value: selected_option_value_input_value, form: form_id
|
2023-06-08 09:57:09 +02:00
|
|
|
- else
|
2023-10-03 18:14:20 +02:00
|
|
|
%input{ type: 'hidden', name:, value: selected_option_value_input_value, form: form_id }
|
2023-06-08 09:57:09 +02:00
|
|
|
.fr-menu
|
2023-10-03 18:14:20 +02:00
|
|
|
%ul.fr-menu__list.hidden{ role: 'listbox', hidden: true, id: list_id, data: { turbo_force: :browser, options: options_json, url:, hints: hints_json }.compact }
|
2023-06-08 09:57:09 +02:00
|
|
|
.sr-only{ aria: { live: 'polite', atomic: 'true' }, data: { turbo_force: :browser } }
|
|
|
|
%template
|
|
|
|
%li.fr-menu__item{ role: 'option' }
|
|
|
|
%slot{ name: 'label' }
|
2023-10-03 18:14:20 +02:00
|
|
|
= content
|