Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
a little hacky way to solve netdata/netdata-cloud#662
Problem is that when opening anomalyBit (as shown in netdata/netdata-cloud#662 (comment)), there's 150 ms animation. Normally the chart fetches data slower than animation finishes, but when user opens the animalyBit for the second time - chart is ready instantly, and the animation for Collapsible just starts. Dygraph doesn't work properly in this case (tries to render when the
height
is 0) and creates chart with default width/height, that's why it doesn't look synchronized, because it takes only about half of the parent width)I see 3 ways of fixing this issue:
waitForAnimationToRender
option to Collapsible (this is this fix, the downside is that the component will be harder to maintain). It appends empty div with preset height during animation, instead of the child. When animation finishes, renders the content. Doesn't support width yet