Commit c100eb0
committed
fix: improve accessibility and state management
1. **App.tsx**: Fix mobile sidebar overlay accessibility
- Replace div with semantic button element for overlay
- Remove redundant role and tabIndex attributes (implicit in button)
- Add cursor-default to maintain visual consistency
- Improves keyboard navigation and screen reader experience
2. **EntityDetailPanel.tsx**: Remove unnecessary key props
- Remove key={entityId} from OperationsPanel, ConfigurationPanel, FaultsPanel
- Previous behavior caused full component remount on entity change
- This lost in-progress form state and execution history
- Components now maintain state across entity selections when appropriate
- More granular state management without losing user context1 parent 04cdbb7 commit c100eb0
2 files changed
+6
-7
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
110 | 110 | | |
111 | 111 | | |
112 | 112 | | |
113 | | - | |
114 | | - | |
| 113 | + | |
| 114 | + | |
| 115 | + | |
115 | 116 | | |
116 | 117 | | |
117 | 118 | | |
118 | 119 | | |
119 | 120 | | |
120 | 121 | | |
121 | | - | |
122 | | - | |
123 | 122 | | |
124 | 123 | | |
125 | 124 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
126 | 126 | | |
127 | 127 | | |
128 | 128 | | |
129 | | - | |
| 129 | + | |
130 | 130 | | |
131 | | - | |
| 131 | + | |
132 | 132 | | |
133 | | - | |
| 133 | + | |
134 | 134 | | |
135 | 135 | | |
136 | 136 | | |
| |||
0 commit comments