Edit Mode: Tab Selection Resets After Action, Does Not Persist Current Tab

[hmoreras]

Parent Issue

#31212

Problem Statement

In the edit mode, after executing any action, the tab selection resets to the first tab instead of maintaining the current tab. This disrupts the user experience, especially when working across multiple tabs.

Steps to Reproduce

1. Open the edit mode of any content item with multiple tabs.
2. Navigate to a tab other than the first one (e.g., "Tab1" or "Tab2").
3. Perform an action (e.g., saving the content or triggering a workflow action).
4. Observe that the interface resets to the first tab instead of maintaining the selected tab.

Acceptance Criteria

• The selected tab should persist after performing an action.
• LocalStorage or sessionStorage should be used to remember the last selected tab for the duration of the session or until manually changed by the user.

dotCMS Version

latest

Proposed Objective

User Experience

Proposed Priority

Priority 3 - Average

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

Screenshare.-.2025-01-26.7_29_31.PM.mp4

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

[hmoreras]

Needs some work:

We are keeping in local storage the tab when the user save, so if the user switch to other content even if the type is different, the edit mode opens in the second tab.

Based on current behavior, we should keep the tab when the user save, but if open a new content should load the first tab.

Screenshare.-.2025-02-13.9_58_25.AM.mp4

[github-actions]

PRs:

• fix(edit-content): Reset UI state when navigating between portlets #31410

[hmoreras]

Pass internal QA, the tabs stays after executing an action and even when moving between languages.

Screenshare.-.2025-02-24.4_18_51.PM.mp4