[Fixed] Unable to Place Components in Form that uses a Layout

What I’m trying to do:
I have a Layout with a Layout Slot placed, and a Form that inherits that Layout that I would like to place Components on.

What I’ve tried and what’s not working:
I have tried to add components to the Form that inherits the Layout, but I have no-where in the UI to place any components even as I move my cursor over the entire design area. This seems to happen intermittently; if I place another slot on the Layout and “Run” the application, sometimes the layout slot will show up on the inheriting Form and I can place something, but most of the time it does not work.

Creating a new empty project(Material Design 3) and setting up a similar Layout and inheriting Form I generally don’t have an issue, though when select
the inheriting Form, sometimes I have to hit Escape before selecting a component to place in order for the Designer to show me the slot where I can place the Component.

I have only tried this on Google Chrome but I plan to try other browsers once I get a chance to do so.

I can post code as-needed but I’m not sure why this is behaving this way even with what I perceive as simple UI changes.

Code Sample:

# this is a formatted code snippet.
# paste your code between ``` 

Clone link:
share a copy of your app

Hi @dagofthedofg and welcome to the forum!

Would you mind sharing a clone link to your app so we can take a look at what’s going on? If you don’t want to share a clone link to your full app, a minimal clone reproducing the issue would also be useful

Thank you! So far I may have been able to partially resolve the issue by placing a few components next to the slot component. The issue generally comes back but right now appears to be cleared up. Once the issue reoccurs I’ll go ahead and get a clone link to the problem state of the app.

Hi, I noticed the same issue with the “old” standard templates. Once I moved the the new M3 templates the issue disappeared.

Okay the issue has started recurring. Here is a clone link to the application:

I have discovered that if the layout form has other components other than the slot itself, when you move the slot component itself past another component it seems to “shake loose” and start showing up on inherited forms, though I’m not sure how consistent this workaround is. Regardless it keeps happening and seems to be a bug from my perspective.

Moved to bug reports. Thanks for the clone.

This appears to happen when you change the properties of a slot. In your case, ticking full_width_row.

Unticking it also doesn’t help.

For now at least, you’ll need to delete the slot, and re-add it, without changing the slot properties.

We’ll get that fixed, and update you when it’s live.

2 Likes