[Bug Report] Arrow keys don't work inside Vuetify dialog + contenteditable div

[crankycyclops]

I ran into a strange issue that came about when I was trying to integrate QuillJS with a Vuetify project of mine, and it took me a long time to track this down. For some reason, the up and down arrows don't work inside contenteditables when they're placed inside Vuetify dialogs (I tested with fullscreen.) They work outside dialogs just fine.

I've created a Codepen to illustrate the issue: https://codepen.io/crankycyclops/pen/xJLbVY

If you try to scroll up and down, you'll see it doesn't work (only left and right work.)

Versions and Environment

Vuetify: 1.1.8
Vue: 2.5.16
Browsers: Chrome + Firefox

Steps to reproduce

1. Load the codepen
2. Click inside the contenteditable div
3. Try to scroll using the up and down arrow keys

This bug only occurs when the contenteditable is inside a Vuetify dialog.

[crankycyclops]

A few hours later, I've found a workaround. It seems this shouldn't be necessary, but I'm not sure if it's Vuetify's fault or not, so I'll leave it to you guys to decide if this is a bug that needs to be fixed. If I attach keyup.stop and keydown.stop events to the contenteditable div, then I'm able to suppress whatever listeners are preventing the up and down arrow keys from working the way they're supposed to.