Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Time picker select's arrow displays incorrectly on IE11

See original GitHub issue

Detailed description

Describe in detail the issue you’re having.

Issue details can be found at

There is a pull request that will fix the issue for vanilla and react since the class “bx–select_arrow” is on the SVG but for angular it will make it display incorrectly in all browsers since the class will be on the container instead of the SVG. image

Is this a feature request (new component, new icon), a bug, or a general issue?


Is this issue related to a specific component?

Time picker select

What did you expect to happen? What happened instead? What would you like to see changed?

Arrow should display correctly on IE11. Maybe if the arrow icon uses carbon icons angular’s SVG directive instead of the component. This way we can put the class class="bx--select__arrow" on the SVG and it should display correctly.

What browser are you working in?


What version of the Carbon Design System are you using?

carbon-components: 10.10.2 carbon-components-angular: 3.46.6

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

jdcaicommented, Apr 29, 2020

I’m seeing it with v4.1.6. For v3 i’ve just been on v3.49.5 where it’s working.

cal-smithcommented, Sep 9, 2020

This seems to have been fixed again at some point 👍

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why doesn't this arrow function work in IE 11? - Stack Overflow
You're using arrow functions. IE11 doesn't support them. Use function functions instead. Here's Babel's translation of that to ES5:
Read more >
Have an issue where the Navigation Arrows on the datepicker ...
Have an issue where the Navigation Arrows on the datepicker are not displaying any one have any ideas on how to fix this...
Read more >
bug(datepicker): [IE11, Edge] Arrow icon on month and year ...
On IE11 or Edge Browser open the demo datepicker; Select any month; The arrow icon disappears; If the focus is changed to year...
Read more >
Debug JavaScript in Internet Explorer 11 in 7 easy steps
The developer tools built into IE11 make developing and debugging code in ... Then, click the “Add event breakpoint” button and select the ......
Read more >
Troubleshooting DateTime issues | Support Center
A dropdown with standard time zones displays on selecting the Standard timezones radio button. Select one of the standard time zone options ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found