Items such as forms and buttons inserted in code view are placed on top of the page instead of where the cursor is

Wappler General Need Help
1

Wappler Version : 2.8.3
Operating System : Windows 10

Expected behavior

When inserting elements such as forms and buttons in code view, they should be placed where the cursor is at.

Actual behavior

These items are placed straight under the tag

How to reproduce

  1. Create a page, add a container, a row, a column, etc…
  2. Go into code view
  3. Place you cursor anywhere that is not straight below the tag
  4. Insert an element (I tried forms and buttons), instead of being inserted where the cursor is, they will be added just below the element.
2

Hello,
The insertion of element depends entirely on which element is selected in App Structure and what are you selecting for the insert position - inside, before or after.

3

Hi @Teodor, so inserting elements based on where the cursor is placed on code view is not supported, and we should instead refer to the App structure tree? I see, it’s a pity both cannot cohabit.

4

It’s not quite possible to insert element where the cursor is, as there is no option to add element there unless you click add element button inside the app structure.

How are you exactly trying to do this?

5

I understand the limitation, I can change my habits.
My typical scenario would be to be inspecting the code somewhere, click behind the element I want to add a form after in the code itself, and then go to the app + sign and add an element, such as a form or a button. That’s where I find the code generated on top of the page.

Instead of placing the cursor, I’ll just select the corresponding element on the app tree view, it’s easy enough.

6

The + in App Structure adds the element depending on what is focused in the App Structure.

7

It makes sense. Thanks @Teodor