Skip to content

Comments

fix(FR-1807): use fixed height for LazyLog container in ContainerLogModal#4872

Closed
ironAiken2 wants to merge 1 commit intomainfrom
fix/FR-1807-fix-container-log-modal-height
Closed

fix(FR-1807): use fixed height for LazyLog container in ContainerLogModal#4872
ironAiken2 wants to merge 1 commit intomainfrom
fix/FR-1807-fix-container-log-modal-height

Conversation

@ironAiken2
Copy link
Contributor

@ironAiken2 ironAiken2 commented Dec 22, 2025

Resolves #4871 (FR-1807)

Summary

  • Fix height styling issue in ContainerLogModal that could cause rendering problems with the LazyLog component

Details

This change addresses a potential timing issue where calc() CSS values may not be resolved when LazyLog reads the container height.

As reported in melloware/react-logviewer#36, the LazyLog component can encounter infinite loop or "Maximum update depth exceeded" errors when its parent container doesn't have a properly defined height at the time of initialization. The calc(100% - 50px) expression may not be computed in time for LazyLog to correctly read the container dimensions, leading to unexpected behavior.

By using a fixed 100% height instead of a calculated value, we ensure the container has a stable height that LazyLog can reliably read during its initialization phase.

Test plan

  • Verify container log modal displays correctly
  • Check that log content scrolls properly
  • Confirm no "Maximum update depth exceeded" errors occur

Copy link
Contributor Author


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • flow:merge-queue - adds this PR to the back of the merge queue
  • flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

@ironAiken2 ironAiken2 marked this pull request as ready for review December 22, 2025 08:38
@ironAiken2 ironAiken2 requested review from Copilot, nowgnuesLee and yomybaby and removed request for Copilot December 22, 2025 08:38
@github-actions
Copy link
Contributor

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements 4.24% 496/11686
🔴 Branches 3.66% 298/8147
🔴 Functions 2.56% 92/3590
🔴 Lines 4.22% 482/11430

Test suite run success

144 tests passing in 13 suites.

Report generated by 🧪jest coverage report action from 4b62fb0

@ironAiken2 ironAiken2 closed this Dec 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS ~10 LoC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Maximum Updates Exceeded Error in ContainerLogModal Using LazyLog Library

1 participant