# Real time pixel distances displayed when moving element & using 'Show distance on hover' in Design editor

**URL:** <https://forum.bubble.io/t/real-time-pixel-distances-displayed-when-moving-element-using-show-distance-on-hover-in-design-editor/58963>\
**Category:** Idea\
**Created:** [June 10, 2019, 10:27am UTC](https://forum.bubble.io/t/real-time-pixel-distances-displayed-when-moving-element-using-show-distance-on-hover-in-design-editor/58963 "2019-06-10T10:27:13Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![luke2](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/luke2/32/256674_2.png) [@luke2](https://forum.bubble.io/u/luke2)\
**Post date:** [June 10, 2019, 10:27am UTC](https://forum.bubble.io/t/real-time-pixel-distances-displayed-when-moving-element-using-show-distance-on-hover-in-design-editor/58963/1 "2019-06-10T10:27:13Z")

</div>

As mentioned here:

> [@\[New Feature\] Showing distances on hover](http://forum.bubble.io/t/new-feature-showing-distances-on-hover/31180/8):
>
> Finding this feature really handy and not needing to reference the dimensions of the element in the properties so much, including x and y axis. With that said and bearing in mind a design OCD smile, it would be super handy if the following could be improved: Real time updates on distances between elements when shifting/moving elements (using keyboard arrows). I find I have to hover off and then on again to see the distances updated and it would be nice if it can remain updating when I’m ho…

1. Real time updates on distances between elements when shifting/moving elements (using keyboard arrows). I find I have to hover off and then on again to see the distances updated and it would be nice if it can remain updating when I’m hovered over, in a consistent flow e.g.  
 ![real%20time%20dimensions](https://us1.discourse-cdn.com/bubble/original/3X/a/8/a84bdba54c504a09906e549b66fd48a0d6b617d5.gif)
2. When dragging elements, if possible it could display the distance between elements on both axis, so we can easily create margins between objects and not have to hover on nearby elements to check pixel distances e.g.  
 ![real%20time%20dimensions%202](https://us1.discourse-cdn.com/bubble/original/3X/2/9/292c096ba35a2f3d7f438669e0d4b8e7c89f42aa.gif)

Cheers

---

<div class="post-metadata">

**Author:** ![stone](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@stone](https://forum.bubble.io/u/stone)\
**Post date:** [June 10, 2019, 11:14am UTC](https://forum.bubble.io/t/real-time-pixel-distances-displayed-when-moving-element-using-show-distance-on-hover-in-design-editor/58963/2 "2019-06-10T11:14:56Z")

</div>

Yes this would be so useful!