Fix Angular 21 upgrade issues: change detection, test mocks, and modal dropdowns#7487

Open

Copilot wants to merge 34 commits into

copilot/fix-expression-change-error

Commits on Jan 29, 2026

Initial plan
Copilot
committed
Add ChangeDetectorRef to fix ExpressionChangedAfterItHasBeenCheckedError

Copilot
and
renemadsen
committed
Use markForCheck instead of detectChanges for better change detection

Copilot
and
renemadsen
committed
Add clarifying comment to trigger CI pipeline

Copilot
and
renemadsen
committed
Fix multiple ExpressionChangedAfterItHasBeenCheckedError issues across components

Copilot
and
renemadsen
committed
Use detectChanges instead of markForCheck for default change detection strategy

Copilot
and
renemadsen
committed
Fix ExpressionChangedAfterItHasBeenCheckedError in 5 additional components

Copilot
and
renemadsen
committed
Remove unnecessary detectChanges call from synchronous else branch

Copilot
and
renemadsen
committed
Fix FoldersComponent unit test by adding ChangeDetectorRef mock

Copilot
and
renemadsen
committed
Fix TranslateService mock to return proper observables in FoldersComponent test

Copilot
and
renemadsen
committed
Add missing getParsedResult and getCurrentLang methods to TranslateService mock

Copilot
and
renemadsen
committed
Remove detectChanges() calls from EformsPageComponent to fix Angular 21 tags API issue

Copilot
and
renemadsen
committed
Use markForCheck() instead of detectChanges() for Angular 21 compatibility

Copilot
and
renemadsen
committed
Fix mtx-select dropdownPosition attribute for Angular 21 compatibility

Copilot
and
renemadsen
committed
Fix all mtx-select dropdownPosition attributes across codebase for Angular 21

Copilot
and
renemadsen
committed
Fix TranslateService mocks in all unit tests for Angular 21 compatibility

Copilot
and
renemadsen
committed
Fix TranslatePipe subscription errors by using EventEmitter for event properties

Copilot
and
renemadsen
committed
Add complete TranslateService interface to all test mocks

Copilot
and
renemadsen
committed
Fix mtx-select dropdown z-index issues in modals for Angular 21

Copilot
and
renemadsen
committed
Fix Angular 21 modal/dialog positioning and rendering issues

Copilot
and
renemadsen
committed
Fix modal backdrop to be semi-transparent instead of completely opaque

Copilot
and
renemadsen
committed
Revert appendTo="body" additions from modal components

Copilot
and
renemadsen
committed
Fix Angular 21 CDK overlay structure with nested backdrop

Copilot
and
renemadsen
committed
Fix popover top layer blocking dropdowns by using maximum z-index

Copilot
and
renemadsen
committed
Revert all mtx-select and modal CSS/dialog fixes that broke tooltips

Copilot
and
renemadsen
committed
Restore missing appendTo="body" attributes in modal dialog mtx-select components

Copilot
and
renemadsen
committed
Fix appendTo syntax to use property binding per mtx-select documentation

Copilot
and
renemadsen
committed
Remove appendTo attribute to use default behavior with Angular 21 popover structure

Copilot
and
renemadsen
committed
Implement custom OverlayContainer for Angular 21 popover top layer compatibility

Copilot
and
renemadsen
committed
Add automatic overlay container management in AppComponent for all dialogs

Copilot
and
renemadsen
committed
Apply proper Angular 21 solution: use appendTo='.cdk-overlay-pane' for modal dropdowns

Copilot
and
renemadsen
committed
Remove appendTo attribute to fix dropdown positioning in Angular 21 modals

Copilot
and
renemadsen
committed

Commits on Jan 30, 2026