fix: resolve Tab key focus navigation issues in notification center

- Implemented manual focus control for Tab/Shift+Tab between header and notify items
- Added focus cycling signals and helper functions for proper keyboard navigation
- Disabled default activeFocusOnTab to prevent focus jumping issues

Log: resolve Tab key focus navigation issues in notification center
pms: BUG-339893
pms: BUG-339891

Author: wyu71

panels/notification/center/GroupNotify.qml

@@ -15,6 +15,14 @@ NotifyItem {
     implicitHeight: impl.implicitHeight
 
     signal collapse()
+    signal gotoNextItem()  // Signal to navigate to next notify item
+    signal gotoPrevItem()  // Signal to navigate to previous notify item
+
+    // Focus the first button for Tab navigation into group
+    function focusFirstButton() {
+        foldBtn.forceActiveFocus()
+        return true
+    }
 
     Control {
         id: impl
@@ -34,28 +42,62 @@ NotifyItem {
             }
 
             AnimationSettingButton {
+                id: foldBtn
                 Layout.alignment: Qt.AlignRight
+                activeFocusOnTab: false
+                forcusBorderVisible: activeFocus
                 icon.name: "fold"
                 text: qsTr("Fold")
+                Keys.onTabPressed: function(event) {
+                    groupMoreBtn.forceActiveFocus()
+                    event.accepted = true
+                }
+                Keys.onBacktabPressed: function(event) {
+                    root.gotoPrevItem()
+                    event.accepted = true
+                }
                 onClicked: {
                     console.log("collapse")
                     root.collapse()
                 }
             }
             AnimationSettingButton {
+                id: groupMoreBtn
                 Layout.alignment: Qt.AlignRight
+                activeFocusOnTab: false
+                forcusBorderVisible: activeFocus
                 icon.name: "more"
                 text: qsTr("More")
+                Keys.onTabPressed: function(event) {
+                    groupClearBtn.forceActiveFocus()
+                    event.accepted = true
+                }
+                Keys.onBacktabPressed: function(event) {
+                    foldBtn.forceActiveFocus()
+                    event.accepted = true
+                }
                 onClicked: function () {
                     console.log("group setting", root.appName)
                     let pos = mapToItem(root, Qt.point(width / 2, height))
                     root.setting(pos)
                 }
             }
             AnimationSettingButton {
+                id: groupClearBtn
                 Layout.alignment: Qt.AlignRight
+                activeFocusOnTab: false
+                forcusBorderVisible: activeFocus
                 icon.name: "clean-group"
                 text: qsTr("Clear All")
+                Keys.onTabPressed: function(event) {
+                    groupClearBtn.focus = false  // Clear focus before signal to prevent focus state residue
+                    root.gotoNextItem()
+                    event.accepted = true
+                }
+                Keys.onBacktabPressed: function(event) {
+                    groupMoreBtn.forceActiveFocus()
+                    event.accepted = true
+                }
                 onClicked: function () {
                     root.remove()
                 }

panels/notification/center/NormalNotify.qml

@@ -14,11 +14,19 @@ NotifyItem {
     implicitWidth: impl.implicitWidth
     implicitHeight: impl.implicitHeight
 
+    signal gotoNextItem()
+    signal gotoPrevItem()
+
+    function focusFirstButton() {
+        return notifyContent.focusFirstButton()
+    }
+
     Control {
         id: impl
         anchors.fill: parent
 
         contentItem: NotifyItemContent {
+            id: notifyContent
             width: parent.width
             appName: root.appName
             iconName: root.iconName
@@ -42,6 +50,8 @@ NotifyItem {
             onActionInvoked: function (actionId) {
                 root.actionInvoked(actionId)
             }
+            onGotoNextItem: root.gotoNextItem()
+            onGotoPrevItem: root.gotoPrevItem()
         }
     }
 }

panels/notification/center/NotifyCenter.qml

@@ -36,6 +36,13 @@ FocusScope {
             width: NotifyStyle.contentItem.width
             notifyModel: notifyModel
             z: 1
+            onGotoFirstNotify: {
+                if (view.viewCount === 0 || !view.focusItemAtIndex(0)) header.focusFirstButton()
+            }
+            onGotoLastNotify: {
+                if (view.viewCount === 0) header.focusLastButton()
+                else view.focusLastItem()
+            }
         }
 
         NotifyView {
@@ -51,6 +58,8 @@ FocusScope {
 
             height: Math.min(maxViewHeight, viewHeight)
             notifyModel: notifyModel
+            onGotoHeaderFirst: header.focusFirstButton()
+            onGotoHeaderLast: header.focusLastButton()
         }
 
         DropShadowText {

panels/notification/center/NotifyHeader.qml

@@ -11,9 +11,38 @@ import org.deepin.ds.notificationcenter
 
 FocusScope {
     id: root
+    activeFocusOnTab: true
 
     required property NotifyModel notifyModel
 
+    signal gotoFirstNotify()  // Signal to Tab to first notify item
+    signal gotoLastNotify()   // Signal to Shift+Tab to last notify item
+
+    // Forward focus to first button when FocusScope receives focus
+    onActiveFocusChanged: {
+        if (activeFocus && !collapseBtn.activeFocus && !moreBtn.activeFocus && !clearAllBtn.activeFocus) {
+            if (collapseBtn.visible) {
+                collapseBtn.forceActiveFocus()
+            } else {
+                moreBtn.forceActiveFocus()
+            }
+        }
+    }
+
+    // Focus the first visible button in header for Tab navigation
+    function focusFirstButton() {
+        if (collapseBtn.visible) {
+            collapseBtn.forceActiveFocus()
+        } else {
+            moreBtn.forceActiveFocus()
+        }
+    }
+
+    // Focus the last button in header for Shift+Tab navigation
+    function focusLastButton() {
+        clearAllBtn.forceActiveFocus()
+    }
+
     RowLayout {
         anchors.fill: parent
         NotifyHeaderTitleText {
@@ -29,35 +58,71 @@ FocusScope {
         }
 
         AnimationSettingButton {
+            id: collapseBtn
             objectName: "collapse"
-            focus: true
             visible: !notifyModel.collapse
             Layout.alignment: Qt.AlignRight
+            activeFocusOnTab: false
+            forcusBorderVisible: activeFocus
             icon.name: "fold"
             text: qsTr("Fold")
+            Keys.onTabPressed: function(event) {
+                moreBtn.forceActiveFocus()
+                event.accepted = true
+            }
+            Keys.onBacktabPressed: function(event) {
+                root.gotoLastNotify()
+                event.accepted = true
+            }
             onClicked: function () {
                 console.log("Collapse all notify")
                 notifyModel.collapseAllApp()
             }
         }
 
         AnimationSettingButton {
+            id: moreBtn
             objectName: "more"
-            focus: true
             Layout.alignment: Qt.AlignRight
+            activeFocusOnTab: false
+            forcusBorderVisible: activeFocus
             icon.name: "more"
             text: qsTr("More")
+            Keys.onTabPressed: function(event) {
+                clearAllBtn.forceActiveFocus()
+                event.accepted = true
+            }
+            Keys.onBacktabPressed: function(event) {
+                if (collapseBtn.visible) {
+                    collapseBtn.forceActiveFocus()
+                } else {
+                    root.gotoLastNotify()
+                }
+                event.accepted = true
+            }
             onClicked: function () {
                 console.log("Notify setting")
                 NotifyAccessor.openNotificationSetting()
             }
         }
 
         AnimationSettingButton {
+            id: clearAllBtn
             objectName: "closeAllNotify"
+            activeFocusOnTab: false
+            forcusBorderVisible: activeFocus
             icon.name: "clean-all"
             text: qsTr("Clear All")
             Layout.alignment: Qt.AlignRight
+            Keys.onTabPressed: function(event) {
+                clearAllBtn.focus = false  // Clear focus before signal to prevent focus state residue
+                root.gotoFirstNotify()
+                event.accepted = true
+            }
+            Keys.onBacktabPressed: function(event) {
+                moreBtn.forceActiveFocus()
+                event.accepted = true
+            }
             onClicked: function () {
                 console.log("Clear all notify")
                 notifyModel.clear()

panels/notification/center/NotifyView.qml

@@ -18,20 +18,52 @@ Control {
     readonly property real viewHeight: view.contentHeight
     readonly property int viewCount: view.count
 
+    signal gotoHeaderFirst()  // Signal to cycle Tab back to header first button
+    signal gotoHeaderLast()   // Signal to cycle Shift+Tab back to header last button
+
     NotifySetting {
         id: notifySetting
         notifyModel: root.notifyModel
     }
 
+    // Focus notify item at specified index with retry logic for delegate creation
+    function focusItemAtIndex(idx) {
+        if (idx < 0 || idx >= view.count) return false
+        view.currentIndex = idx
+        view.positionViewAtIndex(idx, ListView.Contain)
+        function tryFocus(retries) {
+            let item = view.itemAtIndex(idx)
+            if (item) {
+                item.forceActiveFocus()
+            } else if (retries > 0) {
+                Qt.callLater(function() { tryFocus(retries - 1) })
+            }
+        }
+        Qt.callLater(function() { tryFocus(5) })
+        return true
+    }
+
+    // Focus the last notify item for Shift+Tab cycling from header
+    function focusLastItem() {
+        if (view.count > 0) {
+            focusItemAtIndex(view.count - 1)
+        }
+    }
+
     contentItem: ListView {
         id: view
         spacing: 10
         snapMode: ListView.SnapToItem
-        // activeFocusOnTab: true
+        keyNavigationEnabled: false
+        activeFocusOnTab: false
         ScrollBar.vertical: ScrollBar { }
         property int nextIndex: -1
         property bool panelShown: false
-        
+
+        // Forward signals from delegate to root for Tab cycling
+        function gotoHeaderFirst() { root.gotoHeaderFirst() }
+        function gotoHeaderLast() { root.gotoHeaderLast() }
+
         onNextIndexChanged: {
             if (nextIndex >= 0 && count > 0) {
                 currentIndex = nextIndex
@@ -63,7 +95,6 @@ Control {
                 properties: "y"
                 from: {
                     if (addTrans.ViewTransition.item.objectName.startsWith("overlap-")) {
-                        // 24: group notify overlap height
                         return addTrans.ViewTransition.destination.y + view.spacing + 24
                     } else if (addTrans.ViewTransition.item.indexInGroup === 0) {
                         return addTrans.ViewTransition.destination.y - view.spacing - 24