Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(datepicker): navigation arrows not responding on Firefox when navigation == "arrows" #1254

Merged
merged 1 commit into from
Jan 27, 2017

Conversation

divdavem
Copy link
Member

When navigation == "arrows" on the datepicker component, navigation arrows are under the div.ngb-dp-month element, which prevents the click event from reaching navigation arrows on Firefox.

As this is a CSS styling issue and there is not any end-to-end protractor tests configured yet, I have not included any test in this PR. The issue is reproducible on the demo site, go to the "Multiple months" example, and choose "Without select boxes" in the select. Then click on the arrows to navigate in the date picker, and nothing happens in Firefox.

…igation=="arrows"

When navigation == "arrows" on the datepicker component, navigation
arrows are under the div.ngb-dp-month element, which prevents the click
event from reaching navigation arrows on Firefox.
@maxokorokov
Copy link
Member

Thanks for the fix! And, hmm, maybe having the overlap between ngb-dp-month and ngb-db-header wasn't the best idea... I guess there might be further customisation issues because of that.

@maxokorokov maxokorokov merged commit e2410f9 into ng-bootstrap:master Jan 27, 2017
@divdavem divdavem deleted the datePickerBug branch February 1, 2017 09:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants