Scenario: I have two component X-Parent & Y-Child. X-Parent has one parsys. Y-Child component should only be dropable on X-Parent component only. ie. On my page, i want to fist drop X-Parent and in X-Parent i will drop Y-Child.
Requirement: Y-Child should be dropable only on X-Parent component not on page directly.
Approach I am following: I am trying to set allowedParent property in Y-Child component as /apps/mysite/components/base/X-Parent
but my child component is still dropable on page directly.
Please help me to understand how i can restrict my child component
I think you have a typo. The property is supposed to be "allowedParents", not "allowedParent". See the documentation here:
We have used the property as allowedParents but it is still not working.