Disable text-selection while interacting with RulerCanvas
Add more interactions for rulerCanvas

- pressing ESC will make ruler's inactive
- rulerCanvas will be cleared when it become inactive