Skip to content

fix: Left panel default width#468

Merged
surajshetty3416 merged 2 commits intofrappe:developfrom
Hemant-dbit:fix-left-panel-resize-issue-453
Jan 29, 2026
Merged

fix: Left panel default width#468
surajshetty3416 merged 2 commits intofrappe:developfrom
Hemant-dbit:fix-left-panel-resize-issue-453

Conversation

@Hemant-dbit
Copy link
Contributor

Fix #453

Problem

The left panel had a default minDimension of 280px in the PanelResizer component, but the initial width in the store was 250px. This caused the panel to jump to 280px when trying to resize left, making it appear to increase instead of decrease.

Solution

Added explicit minDimension="200" prop to the PanelResizer component in BuilderLeftPanel.vue to allow the panel to shrink below its initial width.

Testing

  • Dragging left panel to the left decreases width correctly
  • Dragging left panel to the right increases width correctly
  • No jumping or stuck behavior
  • Panel respects minimum (200px) and maximum (500px) dimensions

cc @surajshetty3416

Video

My.Page._.Builder.-.Google.Chrome.2026-01-29.00-05-29.mp4

@codecov
Copy link

codecov bot commented Jan 28, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 52.56%. Comparing base (8426ace) to head (1e8dd9a).
⚠️ Report is 3 commits behind head on develop.

Additional details and impacted files
@@           Coverage Diff            @@
##           develop     #468   +/-   ##
========================================
  Coverage    52.56%   52.56%           
========================================
  Files           28       28           
  Lines         2222     2222           
========================================
  Hits          1168     1168           
  Misses        1054     1054           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@surajshetty3416 surajshetty3416 changed the title Fix left panel resize issue fix: Left panel default width Jan 29, 2026
@surajshetty3416 surajshetty3416 merged commit f4c7e31 into frappe:develop Jan 29, 2026
6 checks passed
@github-actions
Copy link

🎉 This PR is included in version 1.22.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Builder UX issues

2 participants