make all browsers act the same way on our site w/ jasquat

This commit is contained in:
burnettk 2023-05-08 17:03:21 -04:00
parent 2b76f4ad5d
commit 023f8282b4
1 changed files with 11 additions and 0 deletions

View File

@ -56,6 +56,17 @@ function SelectWidget({
errorMessageForField = rawErrors[0]; errorMessageForField = rawErrors[0];
} }
// ok. so in safari, the select widget showed the first option, whereas in chrome it forced you to select an option.
// this change causes chrome to also show the first option. now all browsers are consistent on our site. you no longer have to select anything.
// setting the value prop causes it to show the first option.
// calling onChange actually gets it set in the form data.
if (value === undefined) {
if (enumOptions) {
value = enumOptions[0].value;
onChange(value);
}
}
// maybe use placeholder somehow. it was previously jammed into the helperText field, // maybe use placeholder somehow. it was previously jammed into the helperText field,
// but allowing ui:help to grab that spot seems much more appropriate. // but allowing ui:help to grab that spot seems much more appropriate.