Safari scrolls to the wrong position. Here's a standalone example that exhibits the same behavior, and a recording:
Apparently the issue is easily solved by adding some padding to the contenteditable element. Uncomment the padding-top: 1em; line in the example, and you get:
Conveniently, we already have padding-top matching the height of the toolbar, but it's currently set on a different element.