-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Closed
Labels
Status: Fixed / ImplementedIssue fixed by a new releaseIssue fixed by a new releaseStatus: Workaround AvailableType: AccessibilityType: Bug
Description
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
Additional context
NA
Metadata
Metadata
Assignees
Labels
Status: Fixed / ImplementedIssue fixed by a new releaseIssue fixed by a new releaseStatus: Workaround AvailableType: AccessibilityType: Bug