AtlasUI - Internet Explorer 11 and DropDowns

1
Hi all, I just noticed, that the fancy styling of Dropdowns from AtlasUI (and probably also before) don't work together with Internet Explorer (11). IE:  Chrome:  The Screenshots are made from https://atlas.mendix.com btw. Is there a way to make the dropdown look correct in IE?   regards, Fabian
asked
2 answers
2

Unfortunately this is default IE 11 behavior. I have looked also for a solution but until now I was only able to style the dropdown selector for Firefox, Chrome and Safari.

You can however hide the selector, you can add the following to your custom SASS file:

select::-ms-expand {
    display: none;
}

Good luck

EDIT: I've found something but that would overwrite the default Atlas dropdown selector icon: https://fabriceleven.com/design/clever-way-to-change-the-drop-down-selector-arrow-icon/

  1. Styling select box with CSS: https://codepen.io/fabriceleven/pen/qOmNPG
  2. Styling select box with CSS + fontAwesome: https://codepen.io/fabriceleven/pen/bwkGXB

 

EDIT2: Added this information also to an open support ticket I have with Mendix about a similar issue.

answered
1

Which version of IE are we talking about?

answered