IE issues

  • In IE11 initial values of ‘flex’ property have been changed. Fixed issue in ‘src/shared/core_comp/picture_elms/picture_elm.css’ file. For more details refer link: Reference Link

    ```javascript
    flex: 0 1 auto; (IE 11 default)
    flex: 0 0 auto; (IE 10 default)
    ```

  • IE 10 / 11 media query

    Reference Link1

    Reference Link2

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none),screen and (min-width:0\0) {
    body {
    display: -ms-flexbox;
    flex: 1 1 auto;
    }
    }

  • Added to remove clear and reveal password signs in IE and edge

    input::-ms-clear, input::-ms-reveal {
    display: none;
    }

  • flex: 1 1 auto; /to fix wrap problem in column direction/

  • left:0; /for IE issue/ - absolute position elements

  • position: relative; /for IE to respect z-index/

  • flex: 1 1 100%; /For text wrapping/

  • In IE repeat.for loop will not work with if.bind condition. To use if.bind condition in repeater we use template. Eg :

    <template repeat.for=”item of dataArr”>
    <div if.bind=”item.Name”>${item.Name}
    </template>

  • IE11, does not supports String.includes method. Use match or indexOf method instead.

  • In IE11, change event is triggering first and then bindable value property is going to change