# Clicking outside the editor and caret position

**URL:** <https://discuss.prosemirror.net/t/clicking-outside-the-editor-and-caret-position/226>\
**Category:** Uncategorized\
**Created:** [March 8, 2016, 12:03pm UTC](https://discuss.prosemirror.net/t/clicking-outside-the-editor-and-caret-position/226 "2016-03-08T12:03:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![amelius](https://discuss.prosemirror.net/letter_avatar_proxy/v4/letter/a/d9b06d/32.png) [@amelius](https://discuss.prosemirror.net/u/amelius)\
**Post date:** [March 8, 2016, 12:03pm UTC](https://discuss.prosemirror.net/t/clicking-outside-the-editor-and-caret-position/226/1 "2016-03-08T12:03:23Z")

</div>

In many editors, clicking outside the editor still allows the caret to be placed. See for example Google Docs. This editor has wide margins, but you can still click in these margins to reposition the caret.

Any ideas on how to achieve this effect in ProseMirror?

---

<div class="post-metadata">

**Author:** ![marijn](https://discuss.prosemirror.net/user_avatar/discuss.prosemirror.net/marijn/32/15_2.png) [@marijn](https://discuss.prosemirror.net/u/marijn)\
**Post date:** [March 9, 2016, 8:47pm UTC](https://discuss.prosemirror.net/t/clicking-outside-the-editor-and-caret-position/226/2 "2016-03-09T20:47:50Z")

</div>

Mouse events are only handled when they actually hit the editor. But you can increase the padding of the `.ProseMirror-content` css class to create a clickable empty space around the content.