fix issue with chrome wrapping contents with span

[ozdemirburak]

Problem:

There is a problem with Google Chrome where it wraps contents of joined <p> with a <span> tag which was already mentioned in several issues like #203, #400, #523, #744.

A fiddle that shows the problem can be seen here.

Solution:
To differentiate the spans that belong to editor and the Chrome added ones, I've added a flag data-tbw-flag, which is added or removed when user hits backspace, enter or delete.

A fiddle that shows the effects of this PR can be seen here.

Tested with Google Chrome 70.0.3538.77 on Ubuntu 16.04.

[andreyryabin]

fix: remove background styles for reset-css in trumbowyg/ui/trumbowyg.css

.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css blockquote {
    /*box-shadow: none !important;*/
    /*background: none !important;*/
    margin: 0 !important;
    margin-bottom: 15px !important;
    line-height: 1.4em !important;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
    font-size: 14px !important;
    border: none;
}

[mihai-craita]

Will this issue ever be fixed?

[Alex-D]

Can you provide a demo page with the issue?

[ozdemirburak]

Well, it has been more than a year but that fiddle is still valid.

Tested with Chrome 80 on Ubuntu 18.04.

[Alex-D]

Sorry ^^'

I did not know why I did not merge that fix earlier...

Thank you for the fix :)

[ozdemirburak]

Thanks :)