Really glad that lockable areas are now included in v7 but having a bit of bother getting them to work perfectly.
Main use: Ability to lock areas within repeatable to avoid users deleting formatting of page.
Here’s an example:
<div class="blog-post-header"> <div class="blog-date grey cms-lock"><span class="cms-unlock">7 December 2020</span></div> <div class="blog-title dark-green cms-lock"><span class="cms-unlock">Article title</span></div> <div class="blog-author peach cms-lock pb-4"><span class="cms-unlock">Author</span></div> </div>
All this sits within a repeatable div. However, when editing in the CMS I can easily delete all this content. Say I am editing the Blog Author field and I hold down delete to remove the text, it continues to delete the previous divs, Article Title and Date… I hoped that the cps-lock would prevent this from happening.