substance / surface

A building block for web-based text editors

Home Page:http://sandbox.substance.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Display node boundaries

michael opened this issue · comments

Visually display node boundaries in selections, so it's easier for the user to follow what's happening.

For example, if your cursor is at the beginning of a text node that has an image as a predecessor, and you start expanding to the left one char, it currently looks like there's nothing selected. Probably what we want to do is assigning css classes to the node containers itself. E.g. (.left-bound-selected, right-bound-selected).

Solution should go into renderSelection() method.