Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/5057 below:
Calendar Keyboard Navigation Not Working when selected date (v-model) is out of min/max range · Issue #5057 · bootstrap-vue/bootstrap-vue · GitHub
Describe the bug
On the Calendar, keyboard navigation becomes impossible if the current value is outside the min/max value.
Steps to reproduce the bug Scenario: When min value is set
- Given I have a Calendar component with min value.
- And the current value is set to a value less than the min value.
- When I try to change the date using the keyboard navigations arrow.
- Then the date picker doesn't change and it doesn't do anything.
Scenario: When max value is set
- Given I have a Calendar component with max value.
- And the current value is set to a value greater than the max value.
- When I try to change the date using the keyboard navigations arrow.
- Then the date picker doesn't change and it doesn't do anything.
Expected behavior Scenario: When min value is set
- Given I have a Calendar component with min value.
- And the current value is set to a value less than the min value.
- When I press the up or left arrow key.
- The date picker shouldn't change.
- When I press the down or right arrow key.
- The date picker should go to the min value.
Scenario: When max value is set
- Given I have a Calendar component with max value.
- And the current value is set to a value greater than the max value.
- When I press the down or right arrow key.
- The date picker shouldn't change.
- When I press the up or left arrow key.
- The date picker should go to the min value.
Versions
Libraries:
- BootstrapVue: 2.9.0
- Bootstrap: 4.3.x
- Vue: 2.6.x
Environment:
- Device: Mac
- OS: macOS High Sierra
- Browser: Chrome
- Version: 80.0.3987.149
Demo link
CodePen Demo Link
Additional context
NA
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4