# Realce de linha baseado em box shadow para navegação por teclado não funciona no Edge

**URL:** https://meta.discourse.org/t/box-shadow-based-row-highlighting-for-keyboard-navigation-not-working-on-edge/87964
**Category:** UX
**Created:** [21 Maio , 2018 00:20 UTC](https://meta.discourse.org/t/box-shadow-based-row-highlighting-for-keyboard-navigation-not-working-on-edge/87964 "2018-05-21T00:20:16Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [21 Maio , 2018 00:20 UTC](https://meta.discourse.org/t/box-shadow-based-row-highlighting-for-keyboard-navigation-not-working-on-edge/87964/1 "2018-05-21T00:20:16Z")

</div>

Our j k based row highlighting in not working in Microsoft Edge.

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/4/34bbe00c09bed2b8e642b7b7da1c8b34f799e054.png)

This appears to be happening due to this problem:

> <https://stackoverflow.com/questions/10874985/box-shadow-on-table-row-not-appearing-on-certain-browsers>

@awesomerobot can you add this to your list? I don’t want to break Chrome/Firefox to fix Edge here, but it looks like we are doing something not exactly fully compliant here.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [16 Julho , 2018 18:54 UTC](https://meta.discourse.org/t/box-shadow-based-row-highlighting-for-keyboard-navigation-not-working-on-edge/87964/2 "2018-07-16T18:54:07Z")

</div>

Turns out Edge doesn’t support box-shadows on tables that have `border-collapse: collapse`, [I found an existing issue from 2015](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4483860/)… so not expecting a fix anytime soon.

Fortunately, what _does_ work is setting `box-shadow` to `inset`.

 ![36%20PM](https://global.discourse-cdn.com/meta/original/3X/e/f/ef41b3e8fd2a626d62981d79f29dc83ecdd01156.jpg)

Unfortunately inset would overlap with avatars on topics (which aren’t tables and don’t have this problem anyway).

 ![22%20PM](https://global.discourse-cdn.com/meta/original/3X/5/9/59c36be05e7698e6d10075a040a71b58c64eb76d.png)

So the best option is to set the box-shadow to `inset` on tables and leave it outset on posts.

> <https://github.com/discourse/discourse/commit/331296e851e1726bf312eb16234226a56dbb0844>

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2 Agosto , 2018 02:55 UTC](https://meta.discourse.org/t/box-shadow-based-row-highlighting-for-keyboard-navigation-not-working-on-edge/87964/3 "2018-08-02T02:55:48Z")

</div>


