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.

Sign up for GitHub

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

Jump to bottom

bug(datepicker): [IE11, Edge] Arrow icon on month and year select disappears on focus #3526

Closed
qf-jonathan opened this issue Dec 30, 2019 · 2 comments
Closed

bug(datepicker): [IE11, Edge] Arrow icon on month and year select disappears on focus #3526

qf-jonathan opened this issue Dec 30, 2019 · 2 comments
Labels
browser: IE component: datepicker type: bug
Milestone
5.1.5

Comments

@qf-jonathan
Copy link
Contributor

Bug description:

On IE11 and Edge, The arrow icon on month and year select disappear on focus.

2019-12-30 13_13_16-Microsoft Edge

Reproduce the issue:

  • On IE11 or Edge Browser open the demo datepicker
  • Select any month
  • The arrow icon disappears
  • If the focus is changed to year with the TAB key, the arrow icon disappears on year and reappears on month

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 8.2.4

ng-bootstrap: 5.1.4

Bootstrap: 4.3.1
@peterblazejewicz
Copy link
Contributor

@qf-jonathan
Thanks for the report, the project uses SVG to render those details.
note: TBI SVG in CSS background in IE11/Edge

qf-jonathan added a commit to qf-jonathan/ng-bootstrap that referenced this issue Dec 31, 2019
@qf-jonathan
IE11, Edge: This change ensures the arrow icon on selects doesn't dis…
8be4ce7 
…appears when it gains focus, issue ng-bootstrap#3526
@qf-jonathan qf-jonathan mentioned this issue Dec 31, 2019
Merged
5 tasks
@qf-jonathan
Copy link
Contributor Author

@peterblazejewicz
IE11 and Edge browsers use a pseudo-element to render the value of a select, the background of that element hides the arrow icon. I made a PR #3527 to fix that.

@maxokorokov maxokorokov added this to the 5.2.0 milestone Jan 2, 2020
@maxokorokov maxokorokov modified the milestones: 5.2.0, 5.1.5 Jan 3, 2020
maxokorokov pushed a commit that referenced this issue Jan 7, 2020
@qf-jonathan @maxokorokov
fix(datepicker): fix disappearing month/year select arrow icon in IE …
3b9307a 
…and Edge

Fixes #3526
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
browser: IE component: datepicker type: bug
Projects
None yet
Milestone
5.1.5
Development

No branches or pull requests
3 participants
@peterblazejewicz @qf-jonathan @maxokorokov