Column reorder error in IE11, Edge, Firefox

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior Columns can be dragged but an error occurs when dropping column in new location.

Expected behavior Columns reorder without error.

Reproduction of the problem http://swimlane.github.io/ngx-datatable/#

What is the motivation / use case for changing the behavior? If this feature isn’t supported in IE it cannot be used in our application.

• Browser: Firefox 52.0.2 | IE 11, Edge

[rlbonn01]

@stas-kh Having same issue now in new application that we need to support IE11 in. Please reply back if you find a work-around.

[stas-kh]

@krzysiekpiasecki Try it out: https://stackblitz.com/edit/github-cvygc2

I’ve added the following to styles.css:

@media all and (-ms-high-contrast:none) {
    .datatable-header-cell > div {
        pointer-events: auto !important;
        -ms-user-select: none;
        cursor: pointer;
    }
}

But it is better to add rules like user-select and cursor pointer not only for IE 😃