Fix select input component

rdmorganiser · Jan 17, 2025 · 23d4623 · 23d4623
1 parent 6f7e57f
commit 23d4623
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/SelectInput.js b/rdmo/projects/assets/js/interview/components/main/widget/SelectInput.js
@@ -22,14 +22,10 @@ import OptionText from './common/OptionText'
 const SelectInput = ({ question, value, options, disabled, creatable, updateValue, buttons }) => {
 
   const [inputValue, setInputValue] = useState('')
-  // const [isOpen, setIsOpen] = useState(false)
 
   const handleChange = (option) => {
     if (isNil(option)) {
-      // close the select input when the value is reset
-      // setIsOpen(false)
       setInputValue('')
-
       updateValue(value, {})
     } else if (option.__isNew__ === true) {
       updateValue(value, {
@@ -85,6 +81,7 @@ const SelectInput = ({ question, value, options, disabled, creatable, updateValu
   const isAsync = question.optionsets.some((optionset) => optionset.has_search)
 
   const selectProps = {
+    key: value.id,
     classNamePrefix: 'react-select',
     className: classnames,
     backspaceRemovesValue: false,

diff --git a/rdmo/projects/assets/scss/interview.scss b/rdmo/projects/assets/scss/interview.scss
@@ -370,6 +370,10 @@
             display: inline;
         }
     }
+
+    .react-select {
+        max-width: 100%;
+    }
 }
 
 .badge-optional {