Currently, we are facing a challenge where local change detection is necessary for our component to improve performance, but it causes issues with the mat datepicker overlay. When navigating with arrow keys within the overlay and changing the month or year, the selection and focus in the overlay disappear.
Removing the local change detection resolves the datepicker overlay problem, but slows down our component (which relies on a third-party map). We understand that the change detection helps with performance, but it creates issues with the datepicker overlay. Is there a way to resolve this issue or any tricks to work around it?
I have illustrated the problem and set up the change detection in a similar manner in our component. The component is quite large and complex, so I have recreated the issue for demonstration purposes.
View the demonstration on Stackblitz
Thank you for your assistance in advance.