Investigate showing all elements in the "Add new element" modal, and instead, deactivating those which are unavailable.
When the ‘add new element’ modal loads, and the element type only supports a subset of element types as children (e.g. a form container element will allow all form elements as children), we currently hide the element 'cards' which are unavailable as children.
The application builder team thinks however it'd be a nicer experience if all cards remained in the same place, and the unavailable ones become inactive/greyed out. This would improve the UX as:
- The cards wouldn't move around.
- The page designer can be informed why an element is unavailable via a tooltip. This is especially useful as there are now two ways a child type is unavailable:
- The element type doesn't support this element as a child, and/or
- One or more parent element types don't support this element as a nested child.