openclaw - 💡(How to fix) Fix UI Bug: exec approval popup should be scrollable when content is long [1 participants]

TL;DR

Adding CSS to enable scrolling in the approval popup container is likely to fix the issue.

Guidance

• Verify that the approval popup container has a fixed height, which may be causing the overflow issue.
• Add CSS to the approval popup container to enable scrolling, such as overflow-y: auto, to allow users to scroll through long content.
• Test the fix with multiple pending exec approvals and long command arguments/output to ensure the scrollbar appears and functions correctly.
• Consider adding a maximum height to the popup container to prevent it from expanding too far and to ensure the scrollbar is always visible.

Example

.approval-popup-container {
  overflow-y: auto;
  max-height: 500px; /* adjust to a suitable maximum height */
}

Notes

The suggested fix assumes that the issue is solely related to CSS styling and does not involve any JavaScript or backend logic. If the issue persists after applying the CSS fix, further investigation may be needed.

Recommendation

Apply workaround: Add CSS to enable scrolling in the approval popup container, as this is a straightforward and non-invasive fix that can be easily tested and reverted if needed.