digipolisantwerp / antwerp-ui_angular

Antwerp UI is a component interface library for building user interfaces and responsive web apps.
https://digipolisantwerp.github.io/antwerp-ui_angular
MIT License
13 stars 19 forks source link

fix: Added detectChanges on the flyout open method & possibility to o… #330

Closed FiestaRuless closed 9 months ago

FiestaRuless commented 10 months ago

PR Checklist

This PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

What is the current behavior?

When using ngx-forms it's datepicker, a flyout is used to open the calendar. This can be done by clicking on the icon but the method open() also exists so you can open using code. When this method is called, the state gets changed and the value 'this.isOpened' is changed to true. But the HostBinding does not update and set the class 'is-open'. The updated value didn't persist to the view. DetectChanges was added to update the view.

Issue Number: N/A

What is the new behavior?

When directly calling the open() method, the class 'is-open' is added.

Does this PR introduce a breaking change?

Other information

Resolved issues

FiestaRuless commented 10 months ago

Yea I noticed that when running it locally. But the error is of something withing node_modules/@types/node. Doesn't really have something to do with my changes so I'm not really sure how to solve this? Should I update that specific package?

TriangleJuice commented 10 months ago

Hey @FiestaRuless ik heb het probleem opgelost op de master branch. Je kan deze gewoon binnentrekken en pushen en de CI zou terug moeten werken.

FiestaRuless commented 10 months ago

@TriangleJuice Normaal zou hem gemerged moeten zijn

NicolasYapla commented 9 months ago

Merged in and published under version 6.0.5.

FiestaRuless commented 9 months ago

Moet deze ook gepulished worden op https://nexusrepo.antwerpen.be/service/rest/repository/browse/npm-all/%40acpaas-ui/ngx-flyout/ bijvoorbeeld?

TriangleJuice commented 9 months ago

Nee, de nexusrepo zou deze relatief onmiddellijk moeten oppikken van npmjs.