Hello,
Thank you for providing extra details about your problem. I have checked these replacements and the flow needs to be working fine. However, it depends on how you have replaced these components. Could you clarify whether you have connected the source code?
Could you also try the abp-old command to create a project with a specific version? You can check this documentation for details.
Hello,
Could you please specify the ABP version that you have been using? That would also be the best if you could share the suite logs regarding the error.
Thank you for your cooperation.
Hello,
Normally, you should be able to replace the components by following the documentation here: https://abp.io/docs/latest/framework/ui/angular/component-replacement
Could you please provide the steps to reproduce the issue, along with the ABP version you are using?
Thank you for your cooperation.
Hello,
We have done this migration in the latest 10.0 version in this issue. You can check this release post for the details.
Thank you for your cooperation.
Thank you for specifying the version again. I had tried with this version particularly. However, I am unable to produce the problem. Have I followed your steps right? May I also ask whether you have made any customization that may affect this part?
Hello,
Thank you for explaining the issue with details. However, I could not produce the same problem on my side. Here is how I have followed these steps:


If you think that I have misunderstood any part, I could assist you further based on your feedback. Thank you for your cooperation.
This issue was caused by a missing directive import:
import { StopPropagationDirective } from '@abp/ng.core';
// ...
imports: [NgClass, StopPropagationDirective],
// ...
We will be releasing a patch soon. In the meantime, you can temporarily override the affected component as a workaround. We apologize for any inconvenience this may have caused.
Hello again, Thank you for reporting this problem It will be fixed by the next patch release. You can follow the process through these links:
You can use this component as a workaround until we release a fix.
import { StopPropagationDirective } from '@abp/ng.core';
import { ButtonComponent } from '@abp/ng.theme.shared';
import { NgClass } from '@angular/common';
import { Component, Renderer2 } from '@angular/core';
@Component({
selector: 'app-my-button',
template: `
<button
#button
[id]="buttonId"
[attr.type]="buttonType"
[attr.form]="formName"
[ngClass]="buttonClass"
[disabled]="loading || disabled"
(click.stop)="click.next($event); abpClick.next($event)"
(focus)="focus.next($event); abpFocus.next($event)"
(blur)="blur.next($event); abpBlur.next($event)"
>
<i [ngClass]="icon" class="me-1" aria-hidden="true"></i><ng-content></ng-content>
</button>
`,
imports: [NgClass, StopPropagationDirective],
})
export class MyButton extends ButtonComponent {
constructor(renderer: Renderer2) {
super(renderer);
}
}
I will also be processing a refund for this ticket. You can let us know if you need further assistance. Thank you for your cooperation.