[Nexus]

сейчас попробовал поставить <br> внутрь создаваемого параграфа и вот только так начало работать

Вы минимальную высоту для него не забыли указать?

<article id="article" contenteditable="true">
    <p class="paragraph">some..</p>
</article>

<style>
    p {
        min-height: 20px;
        background: red; 
        color: white;
    }
</style>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<script>
    $('#article').keydown(function () {
        if (this.querySelector('p')) return;

        $(this).append('<p class="paragraph"></p>').find('p').focus();
    });
</script>