Angular-calendar: ExpressionChangedAfterItHasBeenCheckedError

Created on 29 Apr 2017  路  11Comments  路  Source: mattlewis92/angular-calendar

Bug description / Feature request:

I'm getting a ExpressionChangedAfterItHasBeenCheckedError when I put the mwl-calendar-week-view inside a container using the below css configuration and hover the event.

html, body, .container {
  margin: 0;
  width: 100%;
  height: 100%;
}

For bugs only, a link to minimally working plunker that reproduces the issue (you can fork a starter from any of the demos)

I couldn't reproduce the issue on plunkr, so I made a this repo.

Just do npm install and ng serve and hover the event.

Versions

Angular: 4.0.0

Calendar library: 0.14.0

Browser name and version: Chrome 58 (Windows 10 64bits)

Most helpful comment

Ah I finally managed to reproduce this, I will cut a release shortly with the fix. Thank you both @andreroggeri and @nbickel for your help with finding the source of the issue 馃槃

All 11 comments

I can't reproduce this unfortunately, I believe it might have been caused by a bug with angular itself rather than this lib. If after upgrading all dependencies to the latest versions you're still getting the error, could you add a yarn.lock file (npm install -g yarn && yarn) to the project so I can make sure we're on the exact same versions of everything. Thanks!
screen shot 2017-04-30 at 10 34 14

Dependencies up to date and I added the yarn file.

I'll dig more, if I find something useful, I'll add here

It seems that the initial screen width is smaller (1897 vs 1918).

This difference is because of the scrollbar that is displayed when I hover the event.

Using margin: 1px fixes for now.

I hope this help you to find the problem.

Thanks !

i have the same issue. but in my complex template margin: 1px; does not fix it. same versions as andreroggeri.

EDIT:
My Workaround at the moment is Disable Tooltip https://mattlewis92.github.io/angular-calendar/#/disable-tooltips

Ah I finally managed to reproduce this, I will cut a release shortly with the fix. Thank you both @andreroggeri and @nbickel for your help with finding the source of the issue 馃槃

Should be fixed now in 0.15.0, please let me know if you're still experiencing issues. Thanks!

I've just checked on the latest version and its fixed !

Thank you very much ! 馃

Great to hear, thanks for the confirmation! 馃槃

I am getting this exact exception in my week view. I am on the latest version and it happens when having two stacked events in the right most column.

@blaur can you make a minimal repo / plunker that reproduces your issue? It's really hard to track down these kinds of errors without one. Thanks!

The issue came back. i am quite sure that it was fixed. but now with v18.3 and v19 i have the same error message again. turning off the "weekTooltip-workaround" still works.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sylvain-fr picture sylvain-fr  路  3Comments

chaouiy picture chaouiy  路  3Comments

fmoessle picture fmoessle  路  5Comments

Sushma-tiwari picture Sushma-tiwari  路  3Comments

no-more picture no-more  路  3Comments