diff --git a/css/backoffice/components/input/_input-select.scss b/css/backoffice/components/input/_input-select.scss index e57c3fe42..7d4607dd4 100644 --- a/css/backoffice/components/input/_input-select.scss +++ b/css/backoffice/components/input/_input-select.scss @@ -14,6 +14,7 @@ $ibo-input-select-selectize--value--min-midth: 150px; $ibo-input-select-selectize--value--height: 100% !default; $ibo-input-select-selectize--value--line-height: $ibo-input--height !default; $ibo-input-select-selectize--dropdown--max-height: 50vh !default; +$ibo-input-select-selectize--dropdown--max-width: 50em !default; $ibo-input-select-wrapper--width: 100% !default; @@ -84,6 +85,7 @@ $ibo-input-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-60 } .ibo-input-select-autocomplete{ min-width: $ibo-input-select-autocomplete--value--min-midth !important; + text-overflow: ellipsis; } .ibo-input-selectize { min-width: $ibo-input-select-selectize--value--min-midth !important; @@ -181,6 +183,7 @@ $ibo-input-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-60 .selectize-dropdown.plugin-custom_itop { z-index: 2000; /* Note: This is not great as it does not take into account other elements z-index, but as selectize puts its dropdown under the tag, we cannot have a z-index relative to input container. */ max-height: $ibo-input-select-selectize--dropdown--max-height; + max-width: $ibo-input-select-selectize--dropdown--max-width ; overflow-y: auto; } diff --git a/js/extkeywidget.js b/js/extkeywidget.js index 4f73709ed..e8fba2b36 100644 --- a/js/extkeywidget.js +++ b/js/extkeywidget.js @@ -182,6 +182,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper var hasFocus = 0; var cache = {}; $('#label_'+me.id).data('selected_value', $('#label_'+me.id).val()); + $('#label_'+me.id).prop('title', $('#label_'+me.id).val()); $('#label_'+me.id).autocomplete({ source: function (request, response) { term = request.term.toLowerCase().latinise().replace(/[\u0300-\u036f]/g, ""); @@ -233,6 +234,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper let labelValue = $('
').html(ui.item.label).text(); $('#label_'+me.id).val(labelValue); $('#label_'+me.id).data('selected_value', labelValue); + $('#label_'+me.id).prop('title',labelValue); $('#'+me.id).trigger('validate'); $('#'+me.id).trigger('extkeychange'); $('#'+me.id).trigger('change');