[magicline] line style differs from top to bottom

[Garry Yao]

On triggerEditable, the bottom has an outlook of 1px dotted line while the top line doesn't have.

This's a consistency issue.

Please see commnet:3 for full explanation of the problem.

[Garry Yao]

It happens to inline editable, that the magicline is shown outside of the top of editable, which makes it get covered by the floating space in effect.

[Jakub Ś]

The same thing can be done with bottom border - see BOTTOM.png.

[Jakub Ś]

Full description of the problem:

1. Go to inlineall.html sample and click inside headreRight div (See PNG's)
2. Select all and change editor contents to numbered list
3. Notice that magic line at the top and at the bottom is covered by toolbar. See 9395.ng and BOTTOM.png. To get the result you just need to scroll page a little bit so that toolbar was positioned at the top or bottom of edited area.
4. Now keeping focus in editor scroll the page all the way down (page scroll bar has to touch page bottom).
5. Dotted line at the bottom is now present
6. Now keeping focus in editor scroll the page all the way up (page scroll bar has to touch page bottom).
7. Dotted line at the top is now present.