Dropdowns for editing details are aweful on mobile because the screens clip out and the text keyboard comes up (because search is in the dropdown).
The following is how I removed search and therefore the keyboard didnt come up. Dont ask me why this worked, but it worked. I couldnt get this to work on linked/related fields from airtable, but every other is fine.
Roll on please mulitcheck boxes, dropdowns is still not optimal
Now mobile dropdowns work enough to be functional
<style>
@media screen and (max-width: 576px) {
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-sizeSmall.MuiInputBase-adornedStart,
.MuiFormControl-root .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-sizeSmall.MuiInputBase-adornedStart {
display: none !important;
}
.MuiListSubheader-root {
display: none !important;
}
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-sizeSmall.MuiInputBase-adornedEnd input,
#list-details3 > div > div.MuiDialog-container.MuiDialog-scrollPaper.css-ekeie0 > form > div.MuiDialogContent-root.form-modal-body.css-17vzu35 > div:nth-child(8) > div.form-input-component-wrapper > div > div > div > div input {
pointer-events: none;
caret-color: transparent;
user-select: none;
}
}
</style>