Multiselect with shift in IE 11

[rangoy]

Using mulitselect with shift on the grid in IE gives also select other random dom elements, which gives a buggy feeling.

Tested on http://ui-grid.info/docs/#/tutorial/210_selection and ui-grid 3.0-RC21 in our project.

Tested with IE11, version number 11.0.9600.17728, update 11.0.18.

Steps to reproduce:

1. Open http://ui-grid.info/docs/#/tutorial/210_selection in IE11.
2. Select one element in the list by clicking the left checkbox
3. Press shift, and click on an other element in the list

This happened when I used shift to select multiple elements;

I'am trying to apply the following workarround, and it seems to work. Hopefully it won't break anything else

<div ui-grid="gridOptions" ui-grid-selection ui-grid-resize-columns ng-mousedown="$event.shiftKey && $event.preventDefault()">
});

[PaulL1]

Unfortunately I don't have IE11 to try to recreate. The behaviour we get on Chrome is that it selects all the rows in between, presumably that's also what you're expecting?

@swalters, @c0bra, do either of you have IE11 to take a look at this?

[rangoy]

@PaulL1; yes. In chrome it works perfectly.

In IE, the correct elements are selected too. But in addition other text on the page get's selected. Clicking on an emptry space on the page clears this selection and retains the select items in the list.

To sum up: this issue concerns as far as I know just IE, not firefox nor chrome. it's just an visual bug and the functionality works as expected

[c0bra]

Confirmed it's an issue in IE11.

It probably has something to do with the click handler not preventing default or something like that.

[rangoy]

Hi,

I see this fiexed the issue when selecting in the left checkbox column in the example. But if you enable full row selection, the issue still remains.

Steps to reproduce in doc example for version v3.0.0-rc.21-2ad8f7f:

1. Press "Toggle full selection
2. Click on eg. a name in the list
3. Press shift and click a name on another row.

[arunkotagiri]

anyone has a fix for this ?