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 ?

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?

@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:

react-bootstrap-table/src/BootstrapTable.js

Line 798 in 26d07de

const isSelected = e.currentTarget.checked;

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?