How to avoid new typing goes inside custom `span`

[hoangqwe159]

Question: Given i have a text with custom span wrapper: <div>Hello <span class="custom">this is my custom text</span> and this is not</div>. When I place the cursor at position just after the span Hello this is my custom text| and this is not and typing, newly added characters are going inside the span. However, I want them to go outside the span. How can I achieve the behaviour?

Thanks team!