Skip to content

refactor: Fix editor layout stacking#448

Merged
surajshetty3416 merged 23 commits intodevelopfrom
update-frappe-ui-2
Dec 21, 2025
Merged

refactor: Fix editor layout stacking#448
surajshetty3416 merged 23 commits intodevelopfrom
update-frappe-ui-2

Conversation

@surajshetty3416
Copy link
Member

@surajshetty3416 surajshetty3416 commented Dec 18, 2025

Updated frappe-ui from v0.1.154 to v0.1.242 to get the enhanced bundling in frappe-ui and to get smaller bundle sizes ⚡

Before:
Screenshot 2025-12-23 at 11 52 35 AM

After:
Screenshot 2025-12-23 at 11 48 28 AM

--

Since this was a huge jump in update (although patch versions) 👀, there were quite a few breaking changes
The primary one being the dialog not having its own z-index anymore, which means it has to be brought to the top by rearranging the layout. Had to do quite a few refactors that involved removing almost all z-index I used to stack layouts and rearrange them so that they are automatically stacked as required following the normal document flow.

Another breaking change involved removing all the absolute imports, as they are not supported anymore after this change. Also, had to push this fix to make it work properly.

Also, simplified a couple of complex components like PageDashboard and TextBlock by splitting them into more logical subcomponents.

Make changes to make codebase compatible with latest frappe-ui
- Re-organise Dialog to keep it at the top
- Minor style fixes
…iles

- And fix the stacking order of elements to avoid unexpected element overlap over dialogs
- remove unused AppsMenu component
- to fix stacking order and avoid unexpected overlap over dialogs
- Fix the stacking order by re-organizing elments instead of using z-index
@codecov
Copy link

codecov bot commented Dec 18, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 49.26%. Comparing base (91bf502) to head (f5906d3).
⚠️ Report is 116 commits behind head on develop.

Additional details and impacted files
@@           Coverage Diff            @@
##           develop     #448   +/-   ##
========================================
  Coverage    49.26%   49.26%           
========================================
  Files           28       28           
  Lines         2182     2182           
========================================
  Hits          1075     1075           
  Misses        1107     1107           

☔ 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.

- Cleanup AppsMenu component registration from components.d.ts
- Add BlockOptions support to blockData prop to improve the flexibility
- Add type annotations wherever it was missing
- Add fallback values in autocomplete
- Fix incorrect type import in blockController.ts
@surajshetty3416 surajshetty3416 marked this pull request as ready for review December 20, 2025 16:50
@surajshetty3416 surajshetty3416 merged commit 8b75434 into develop Dec 21, 2025
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.

1 participant