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.
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:
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
Possible Solution None
Additional context / Screenshots Screenshot attached.