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.
Component hierarchy:
/apps/mysite/components/base/X-Parent
/apps/mysite/components/Y-Child
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