When using the Material-UI library on your website or application, or some other languages by default, their modal components do not allow anything to be focused when there is an open modal.

There is a setting called within Material-UI "trapFocus" and you will need to turn the setting off so that it will allow the widget to be focused and therefore people can type in the widget form.

Here are some additional resources that explain the setting for reference:

https://github.com/mui-org/material-ui/issues/15694
https://material-ui.com/api/unstable-trap-focus/

Other languages:

VuetifyJs:

https://vuetifyjs.com/en/api/v-dialog/#props-retain-focus

Did this answer your question?