Selected cell outline not fully visible in IE11

[lexanth]

Which version of React JS are you using?

✅ Officially supported ✅

• v15.4.x

⚠️ Not officially supported, expect warnings ⚠️

• v15.5.x
• v15.6.x

☣️ Not officially supported, expect warnings and errors ☣️

• v16.x.x

---

Which browser are you using?

✅ Officially supported ✅

• IE 9 / IE 10 / IE 11
• Edge
• Chrome

⚠️ Not officially supported, but "should work" ⚠️

• Firefox
• Safari

---

I'm submitting a ...

• 🐛 Bug Report
• 💡 Feature Request

---

Issue Details

Open the examples in IE11 (11.0.9600.19002)
Open an example with selectable cells
Select a cell

On e.g. chrome, the cell selection outline looks right. On IE11, only the top and left outlines are visible.

Also, the selected cell loses all outline while being dragged down (cell drag down example), and the highlight doesn't seem to be visible until the drag and drop is released.

I've added z-index: 10 to .react-grid-Cell:focus which seems to sort the first issue.

[amanmahajan7]

Cell drag does not work in IE11 due the way HTML5 drag and drop works in IE 11 but this will be fix in this PR. We recently merged a PR that improves cell rendering logic and will fix this particular issue. It is a big rewrite and we discovered a few bugs during internal testing. This is being actively worked on but at this moment we do not know when this will be released.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Please reopen this if you feel it has been incorrectly closed and we will do our best to look into it. Thank you for your contributions.