Numeric Up/Down keyboard #1568

Closed
opened 2026-01-29 17:55:30 +00:00 by claunia · 3 comments
Owner

Originally created by @Igor-9309 on GitHub (Jan 9, 2025).

Up/Down - Here you can reproduce the issue.

The step functionality works in the input field even when using the up and down arrow keys on the keyboard. I don't think this should work.

Or there should be another parameter to disable keyboard step functionality.

Originally created by @Igor-9309 on GitHub (Jan 9, 2025). [Up/Down](https://blazor.radzen.com/numeric#without-up-down) - Here you can reproduce the issue. The step functionality works in the input field even when using the up and down arrow keys on the keyboard. I don't think this should work. Or there should be another parameter to disable keyboard step functionality.
Author
Owner

@enchev commented on GitHub (Jan 9, 2025):

The keyboard support is enabled by default for all components and cannot be disabled. This is by design.

@enchev commented on GitHub (Jan 9, 2025): The keyboard support is enabled by default for all components and cannot be disabled. This is by design.
Author
Owner

@Igor-9309 commented on GitHub (Jan 9, 2025):

@enchev

What solution could I use to disable the step functionality?

Thx.

chrome_F3qPgN1nvc

@Igor-9309 commented on GitHub (Jan 9, 2025): @enchev What solution could I use to disable the step functionality? Thx. ![chrome_F3qPgN1nvc](https://github.com/user-attachments/assets/c17deca8-07d2-44be-9b7f-fa04cc646cb1)
Author
Owner

@enchev commented on GitHub (Jan 10, 2025):

You can use RadzenTextBox instead like this

<style type="text/css">
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
</style>

<RadzenTextBox type="number" />

https://github.com/user-attachments/assets/08c81050-fa3e-4c50-b2ee-d78b02b5f663

@enchev commented on GitHub (Jan 10, 2025): You can use RadzenTextBox instead like this ``` <style type="text/css"> input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } </style> <RadzenTextBox type="number" /> ``` https://github.com/user-attachments/assets/08c81050-fa3e-4c50-b2ee-d78b02b5f663
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1568