MSM Lockable Not Working on Coral Textfield and Pathfields

[#1]

I have added the "cq-msm-lockable" attribute to a pathfield and a textfield, when the page is rolled out the lock icon does not display. Is there an additional attribute that needs to be added for this to work?

  <imagePath

  jcr:primaryType="nt:unstructured"

  sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"

  fieldLabel="Roll-up Image Path"

  fieldDescription="Image to be used in roll-up components such as the Page Roll-up. Recommend 3:4, min size 304 by 228"

  rootPath="/content/dam"

  cq:showOnCreate="{Boolean}true"

  cq-msm-lockable="rollupImagePath"

  name="./rollupImagePath"/>

  <imageAltText

  jcr:primaryType="nt:unstructured"

  sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

  fieldLabel="Roll-up Image Alt Text"

  fieldDescription="Image alt text when page is referenced in roll-up components."

  cq:showOnCreate="{Boolean}true"

  cq-msm-lockable="rollupImageAltText"

  name="./rollupImageAltText"/>

[#2]

I added the following and it worked.

        <imagePath

            cq:showOnCreate="{Boolean}true"

            jcr:primaryType="nt:unstructured"

            sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"

            fieldDescription="Image to be used in roll-up components such as the Page Roll-up. Recommend 3:4, min size 304 by 228"

            fieldLabel="Roll-up Image Path"

            name="./rollupImagePath"

            rootPath="/content/dam">

            <granite:data

                jcr:primaryType="nt:unstructured"

                cq-msm-lockable="rollupImagePath"/>

        </imagePath>