Fix style rule clashing with autocomplete mini-editor

Cursor was in the middle of the char because each line in the
mini editor was wrapped with a span. The span was meant to target
the select-list.

Ref atom/atom#2785
Update to use new `will-insert-text` event. 

Fix specs for react mini editor
Preventdefault -> cancel()