Lockables - not locking properly


Hi there,

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>

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.

Any ideas?