A-l-y-l-e / Alyle-UI

Minimal Design, a set of components for Angular 16
https://alyle.io
MIT License
291 stars 43 forks source link

Bug: Slider marks are collapsed #180

Closed TicTak21 closed 2 years ago

TicTak21 commented 2 years ago

:beetle: Bug report

Describe the bug

Slider marks are collapsed(not in row). After any interraction(move or click) marks will jump in the row. Seems like it happens with reactive forms and [value] but not with [(ngModel)]

Minimal Reproduction

https://stackblitz.com/edit/slider-mark-issue?file=app%2Fslider-playground.component.html

Screenshots

My project: marks

From stackblitz:

Screenshot 2022-03-08 at 17 15 01

Which versions of Angular, Alyle UI, OS, TypeScript, browsers are affected?

Alyle UI Version: v11.1.1

Angular Version:


Angular CLI: 13.2.3
Node: 16.13.1
Package Manager: pnpm 6.32.2
OS: darwin x64

Angular: 13.2.2
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1201.4
@angular-devkit/build-angular   13.2.3
@angular-devkit/core            12.1.4
@angular-devkit/schematics      12.1.4
@angular/cli                    13.2.3
@schematics/angular             12.2.4
rxjs                            7.3.0
typescript                      4.5.5