# Microsoft edge keyboard j/k has unwanted box outline

**URL:** https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958
**Category:** UX
**Tags:** pr-welcome
**Created:** [June 5, 2017, 1:28pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958 "2017-06-05T13:28:15Z")
**Posts on this page:** 9
**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: [June 5, 2017, 1:28pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/1 "2017-06-05T13:28:15Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/d/1/d1b98c2d8807a53cce2035e88dfc34e4998e2ca4.png)

Edge has a giant black box around posts while selected which extends on to the timeline.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [June 5, 2017, 1:52pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/2 "2017-06-05T13:52:15Z")

</div>

My solution would be to tell people not to use Microsoft Edge.

I infer that you propose some other solution.

---

<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: [June 5, 2017, 1:53pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/3 "2017-06-05T13:53:12Z")

</div>

There has to be CSS to fix this, just not sure what it is off the top of my head hence … #pr-welcome

---

<div class="post-metadata">

### Author: ![JagWaugh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagwaugh/32/69335_2.png) [@JagWaugh](https://meta.discourse.org/u/JagWaugh)
#### Post date: [June 5, 2017, 1:58pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/4 "2017-06-05T13:58:14Z")

</div>

> [@pfaffman](#):
>
> My solution would be to tell people not to use Microsoft Edge.

I use Edge as my main browser and didn’t have _many_ complaints about it.

… then Sam made me press the J key.

Damn. Now I have to stop using Chrome just for testing and Edge for everything else…

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [June 5, 2017, 2:02pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/5 "2017-06-05T14:02:31Z")

</div>

What I do recommend to people that is not snarky, jerky, and sarcastic, is that almost all web designers use chrome or Firefox. If you plan to use web sites that have been created by web designers, you should use chrome or Firefox.

---

<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: [June 5, 2017, 2:15pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/6 "2017-06-05T14:15:24Z")

</div>

I use edge … sometimes… it is fast… but I am not a huge fan of the rendering, it just feels more “jerky” than Firefox or Chrome.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [June 5, 2017, 2:27pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/7 "2017-06-05T14:27:11Z")

</div>

Maybe I’ll change my advice to novices " most web developers use Firefox or Chrome _most of the time_…" 🙂

I’m thinking that it’ll be a while before I have access to a Linux port of Edge.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [June 5, 2017, 10:57pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/8 "2017-06-05T22:57:54Z")

</div>

It is quite fast at rendering, actually, but its JS engine is only moderately fast. JS speed did improve a fair bit in the latest creators update.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [August 7, 2017, 6:45pm UTC](https://meta.discourse.org/t/microsoft-edge-keyboard-j-k-has-unwanted-box-outline/63958/9 "2017-08-07T18:45:52Z")

</div>

By the way this seems to work fine now in the current Edge, so it looks like either we accidentally fixed the markup, or Edge fixed its internal implementation of browser rules.

Oh wait you are referring to the dotted outline? I didn’t even see that, why would we care about that? Whatever field you tab to has that outline, e.g.

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/a/ea1ad7ea4b2fe95cf6967b92d893694728219dc7.png)
