Medium-editor.js hierarchy issue

Wappler General Bugs
1

Wappler Version : 6.5.1
Operating System : macOS Sonoma
Server Model: nodeJS
Database Type:
Hosting Type:

Expected behavior

Medium editor toolbar should show up when text is being highlighted.

Actual behavior

Medium text area does not initialise correctly and toolbar does not show up when text is highlighted. I've been able to reproduce this in both Safari and Chrome. The issue seems to stem from medium-editor.js being inserted on the page after dmxMediumEditor.js

This will throw a warning in the browser console
MediumEditor || alert("Please insert medium-editor.js before dmxMediumEditor.js on your page."),

Manually placing medium-editor.js before dmxMediumEditor.js in code view will resolve the issue and the toolbar shows correctly.

How to reproduce

Place a medium text area on your page, either directly or by converting a bsTextArea. View page in browser, type text into text area and highlight the text.

2

The order in which these components are added to the layout page has been a known bug for quite a few months, if not longer. I too am hoping this gets fixed.

3

I think this issue was raised in 2019. It sounds similar anyway.

4

Oh, interesting I've been using it over the past year and have not had the issue before. I should have done a better job at searching the forum, despite my valiant efforts I did not find the thread @TomD linked to, or any of the threads therein. :see_no_evil:

Edit: It might perhaps be the first time I've placed it outside a form. And from the sound of the 2019 thread the issue does not show if placed inside a form.