Although a rich text field is the first column, it does not get focus when trying to add a new row

Steps to reproduce

1. Have a table with the first column being a rich text one and the second being a selection column with a few options
2. Click on '+ Create row'

Expected behavior

The rich text editor is being focused

Actual behavior

The selection field is being focused and it appears at the wrong place (apparently rendered to early)

Tables app version

0.9.0

Browser

No response

Client operating system

No response

Operating system

No response

Web server

None

PHP engine version

None

Database

None

Additional info

In src/modules/modals/CreateRow.vue we set the focus only to the first input element:

        showModal() {
            if (this.showModal) {
                this.$nextTick(() => {
                    this.$el.querySelector('input')?.focus()
                })
            }
        },

The editor is a contenteditable div however. This needs extra care.

Start in src/modules/modals/CreateRow.vue, especially showModal(), and reproduce the behavior with a rich text first column and selection second column. Inspect how the contenteditable editor and input are rendered when creating a row. Done means the rich text editor receives focus and the selection field is not focused or rendered in the wrong place.