Fix dashboard freeze on initial render with high number of locks. #9285

[RohitBhati8269]

Detail Info:- #9285

Summary by CodeRabbit

• Improvements
  • Updated the default sizing of dashboard sections to ensure consistent initial height and improved layout uniformity across the interface.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

The SectionContainer component's Resizable default height is changed from 'auto' to 200 units, while width remains '100%'. This affects the initial rendered height of the component without altering its structural behavior or styling logic.

Changes

Cohort / File(s)	Summary
Layout configuration web/pgadmin/dashboard/static/js/components/SectionContainer.jsx	Modified Resizable component defaultSize height from 'auto' to 200; width unchanged at '100%'. Affects initial rendered height only.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.
Title check	❓ Inconclusive	The title states the PR fixes a dashboard freeze on initial render with high locks, but the actual change only modifies a component's default size height from 'auto' to 200 in SectionContainer.jsx.	Clarify whether the height change actually fixes the reported freeze issue, or if the title overstates the scope of the change. Consider a more specific title reflecting the actual implementation.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 71920c2 and c79d4e0.

📒 Files selected for processing (1)

• web/pgadmin/dashboard/static/js/components/SectionContainer.jsx

⏰ Context from checks skipped due to timeout of 900000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (10)

• GitHub Check: run-python-tests-pg (windows-latest, 14)
• GitHub Check: run-python-tests-pg (windows-latest, 17)
• GitHub Check: run-python-tests-pg (windows-latest, 15)
• GitHub Check: run-python-tests-pg (windows-latest, 18)
• GitHub Check: run-feature-tests-pg (13)
• GitHub Check: run-feature-tests-pg (17)
• GitHub Check: run-feature-tests-pg (14)
• GitHub Check: run-feature-tests-pg (18)
• GitHub Check: run-feature-tests-pg (16)
• GitHub Check: run-feature-tests-pg (15)

🔇 Additional comments (1)

web/pgadmin/dashboard/static/js/components/SectionContainer.jsx (1)

47-47: Acknowledge this fixes the freeze but document why 200px is the value chosen.

The change from 'auto' to a fixed 200 height successfully fixes the dashboard freeze with high numbers of locks (#9285). However, re-resizable does support 'auto' as a valid height value per its documentation — the freeze was occurring specifically with how 'auto' interacts with the parent container's constraints (height: auto + overflow: hidden).

Suggestion: Add a comment on line 47 explaining why 200 is the chosen default and whether it's been tested as sufficient for typical dashboard sections. This hardcoded value should be documented so future maintainers understand the constraint.

Consider whether this is a permanent solution or a workaround. If rendering many locks remains a performance concern long-term, virtualization or pagination may be worth evaluating as alternative approaches.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}