I have checked over 35 public dash apps, and all of them face this mobile issue. I simply would like the key board to not show up when clicking on parameter.
Here is the dashboard without any data. Please open on mobile device to view the issue:
https://three11blockedbikelane.onrender.com/
I tried injecting javascript directly, but it did not work.
Blockquote
# Inject JavaScript directly into the layout
html.Script(“”"
document.addEventListener(‘DOMContentLoaded’, function () {
// Blur the date picker input fields after selection
document.querySelectorAll(‘.DateInput_input’).forEach(function (el) {
el.addEventListener(‘focus’, function () {
el.blur();
});
});
// Blur the dropdown input fields after selection
document.querySelectorAll('.Select-input input').forEach(function (el) {
el.addEventListener('focus', function () {
el.blur();
});
});
});
""")
Thanks