inline toolbar draggability

by textboxio

HTML

<script src="http://fonts.googleapis.com/css?family=Lato"></script>
<script src="http://static.ephox.com/jsfiddle/textboxio1-1/textboxio.js"></script>
<div id="wrapper">
    <div class="article">
        <p>I am some text. Focus me and hit enter a couple of times. Watch how the top of the content goes behind the toolbar. <br> <b> Intended behavior: move the toolbar with the top of the element </b></p>
    </div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Lato:100,400,700,900);

body{
   background-color: rgb(167, 12,232);
   
}

#wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
}
div.article {
    font-family: 'Helvetica Neue';
    color: white;
    font-weight: 200;
}

JavaScript

textboxio.inline('.article');