Check/Uncheck all not working on IE/Edge

[hlosappio]

Hi,

I implemented a react-bootstrap-table on my app. I have data, some rows are unselectable.

it works great on every browser, except for IE and Edge. I can easily check all, but not unckeck. Sometimes after 3/4 click it works, sometimes it never works.

I can reproduce this bug on your example page : http://allenfang.github.io/react-bootstrap-table/example.html#selection on "Unselectable Row" and "Multi Selection"

I really appreciate any help you can provide.

[AllenFang]

ok, got it, I'll find some time to reproduce this issue. but I need a windows firstly... ;(

[QLevaslot]

I may have some hints about the cause of this issue.

If i redefine selectRow.onSelectAll(isSelected, rows) {...}and log the isSelected parameter, its value is always equal totrue`, whether all the non-disabled lines are selected or not under ie/edge.

[EktaDevop]

i am also facing the same problem.

[Suman-Plivo]

https://github.com/AllenFang/react-bootstrap-table/blob/master/src/BootstrapTable.js#L687 This is always returning checked = true in IE11.

[cy5781]

yes I also facing the same issue, how to fix it ?

[ghost]

I've run into this issue as well.

It makes having the selectRow feature enabled essentially useless, at least for my case. Does anyone have a work around or an update as to when this will be resolved?

Thanks!

[nlicht]

@tholmes7, I'm facing the same issue. Did you find any work around for this?

[ghost]

@nlicht , no unfortunately not. I resorted to disabling the feature in IE/Edge because my specific case is only exposed to a small subset of users that all use chrome.

[nlicht]

@AllenFang is this fixed in react-bootstrap-table2?

[nlicht]

@AllenFang - forget it, I see It works on the live demo. Thanks!

[oprohonnyi]

@AllenFang

Also facing this issue on multiple projects. It is reproducing when there is more than one page in a grid, IE11/Edge browser only.

Did some investigation, here are the results.

The issue is caused by the line: https://github.com/AllenFang/react-bootstrap-table/blob/26d07defab759e4f9bce22d1d568690830b8d9d7/src/BootstrapTable.js#L798 In IE it is always true as stated by people above, that's why it's not possible to "Deselect All" after "Select All" action.

The thing here is (when you click on the checked+indeterminate input):

• In Chrome: = e.currentTarget.checked === false = onChange event will be triggered = checkbox control will be unchecked

• In IE11/Edge (first click): = e.currentTarget.checked === true = onChange event will not be triggered = checkbox control will be checked

• When second click: = e.currentTarget.checked === false = onChange event will be triggered = checkbox control will be unchecked

Example to play with: https://jsfiddle.net/6azgk2cx/1/

I will try to come up with pull request to fix this issue, but need some time.

[ChiaraSammarco]

Have you found any solution to fix this?

[andrew-regan]

Any chance of a solution and/or workaround for this?