fix(modal): scrollbar disappears on backdrop=false, closes #224 - thanks @tturbs

xidedix · xidedix · commit 7858180f82cd · 2025-05-21T12:35:36.000+02:00
diff --git a/projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts b/projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts
@@ -7,7 +7,7 @@ import { booleanAttribute, Directive, input } from '@angular/core';
 export class FormFloatingDirective {
   /**
    * Enable floating labels
-   * @type boolean
+   * @dafault boolean
    */
   readonly floating = input(true, { transform: booleanAttribute, alias: 'cFormFloating' });
 }
diff --git a/projects/coreui-angular/src/lib/modal/modal/modal.component.ts b/projects/coreui-angular/src/lib/modal/modal/modal.component.ts
@@ -261,6 +261,7 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit {
     setTimeout(() => {
       if (event.toState === 'hidden') {
         this.#renderer.setStyle(this.#hostElement.nativeElement, 'display', 'none');
+        this.#backdropService.resetScrollbar();
       }
     });
     this.show = this.visible;

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import { booleanAttribute, Directive, input } from '@angular/core';`
`7`	`7`	`export class FormFloatingDirective {`
`8`	`8`	`/**`
`9`	`9`	`* Enable floating labels`
`10`		`- * @type boolean`
	`10`	`+ * @dafault boolean`
`11`	`11`	`*/`
`12`	`12`	`readonly floating = input(true, { transform: booleanAttribute, alias: 'cFormFloating' });`
`13`	`13`	`}`
Original file line number	Diff line number	Diff line change
`@@ -261,6 +261,7 @@ export class ModalComponent implements OnInit, OnDestroy, AfterViewInit {`
`261`	`261`	`setTimeout(() => {`
`262`	`262`	`if (event.toState === 'hidden') {`
`263`	`263`	`this.#renderer.setStyle(this.#hostElement.nativeElement, 'display', 'none');`
	`264`	`+ this.#backdropService.resetScrollbar();`
`264`	`265`	`}`
`265`	`266`	`});`
`266`	`267`	`this.show = this.visible;`