Disable keyboard popup for dropdown and daterangepicker when using a tablet or smartphone

Dash Python
1

Hello,

I created a dashboard which works totally fine on PC, but when using a tablet or smartphone at almost every task the keyboard pops up. I’m also using a datatable with filter, so I would want to keep the keyboard popup for that case, but for the dropdowns and daterangepicker I don’t need the keyboard.

The first approach was with using CSS:

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
 user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

… but that unfortunately didn’t work.

Is there a way to disable the keyboard for specific dash elements?

Thanks,
Felix

2

I found a solution for dropdown:
set the parameter searchable to False.

But I didn’t find this option for the dropdown menu inside a DataTable.

3

Hello,

I am trying to do the same but make the dropdown unsearchable only when browsing the app on tablet or smartphone.

Any idea on how to make it work ?

Thanks in advance :slight_smile: