[Tabs Component] Ghost list item is not deleted once inheritance is canceled on a live copy page

[nishtalle]

Bug Report

When you cancel inheritance on a live copy page with a Tabs component, then edit the Tabs to remove one list item, it creates a ghost list item. When you add a new list item then try to save it, it doesn't allow you to save since the ghost item requires the list field to be filled out hence one needs to delete it again. Every time you edit the Tabs component with a ghost list item on a live copy page, you'll need to delete it in order to save your added/edited changes.

Steps to reproduce issue:

• Open a page with the Tabs Component configured.
• Cancel inheritance.
• Delete a list item in the Tabs component and Click Done
• Open Tabs component, you'll see a ghost list item added.
• Add a list item to the Tabs Component and Click Done.

Current Behavior Ghost list item needs to be deleted every time a Tabs Component is edited on a live copy page where inheritance has been canceled.

Expected behavior/code Ghost item should be optional or permanently deleted in the scenario where inheritance was canceled.

Environment

• AEM version: AEM Cloud SDK release 13420
• Core Components version: core.wcm.components.content-2.23.2.zip

Possible Solution None

Additional context / Screenshots Screenshot attached.