search

primefaces / community

Community Forum
0 stars 0 forks source link

Problem with Calendar component in Web component #1485

Open pearl1488 opened 3 months ago

pearl1488 commented 3 months ago

Discussed in https://github.com/orgs/primefaces/discussions/1464

Originally posted by **pearl1488** March 19, 2024 I've encountered an issue with an Angular component, specifically the p-calendar, which I've converted into a web component using Angular elements. The problem arises when selecting a date from the picker or navigating to the next month, as the popup closes unexpectedly without properly binding the selected data. This issue is isolated to the Angular web component. Could you help me to resolve the issue? ![image](https://github.com/primefaces/community/assets/37859116/708ea7d9-a620-47a8-a7de-79ea24e09dc8) ![image](https://github.com/primefaces/community/assets/37859116/50bb96b7-6aa5-4f85-8315-df05cfea6fc8) ![image](https://github.com/primefaces/community/assets/37859116/87d544c9-b96a-4547-a007-3b35f30a8d9c)
pearl1488 commented 3 months ago

Please take a look at the stack blitz below. In my case, I should use shadow dom. https://stackblitz.com/edit/stackblitz-starters-4ocgzn?file=src%2Fapp%2Fdatapicker%2Fdatapicker.component.ts