Formatting as title causes breaks editing due to wrong cursor position (in Safari)

[rluba]

In latest Safari, when formatting something as "Title" you can no longer continue editing properly:

• Pressing enter after the last character causes the last character to jump into the next line
• Continuing to type after the last character constantly overwrites the last character instead of appending

Steps to Reproduce

1. Type something
2. Format as title
3. Continue typing anything
4. 🔥

Details

• Trix version: 1.0.0
• Browser name and version: Safari 12.0 (14606.1.36.1.9)
• Operating system: MacOS 10.14 (Mojave)

[rluba]

Nevermind. This seems to happen only in combination with our data-binding. For example, I can’t reproduce it on https://trix-editor.org.

I’ll investigate it further and reopen, if necessary. Sorry for posting prematurely.

[rluba]

The bug was triggered by our CSS – of all things!

We use a CSS workaround for an old Chrome bug that causes the first letter of headings to be printed incorrectly:

h1::first-letter {
    margin-top: 0;
}

For some reason, we put this rule outside our @media print block and for some very weird reason, this CSS snippet caused Trix to fail miserably when editing headings – but only in Safari.

Chrome has since fixed this issue, so I simply deleted the CSS rule and everything’s fine.

@javan Not sure if it’s even worth investigating on Trix’s side why this CSS rule can cause editing to misbehave…

[stale]

This issue has been automatically marked as stale after 90 days of inactivity. It will be closed if no further activity occurs.