For mobile devices, any option to prevent keyboard appearing when selecting parameter

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