I just found out that the SizeChanged event is not fired when a Grid contained within a parent Grid is resized using a GridSplitter. The behavior I am expecting is clearly depicted on this WPF project:
When the top right grid is resized, the height and width text blocks change accordingly. Unfortunately, this does not happen when the code is ported to C#/XAML for HTML5 as can be seen on the following project:
No matter what I tried, I was never able to be notified of the size change. Am I missing something?
Incidentally, this situation mimics a project that I am currently working on and both right-hand grids are supposed to host Plotly.js charts using code derived from your example. Even when the layout has the autosize property set to true, the chart is never able to detect that the parent size has changed, so this hints at an issue with the HTML5/JS transcription.
Can you please provide some insight on this issue?
João Paulo Figueira