Flex Container EmbeddedView looks fine in designer, completely broken in browser

I have a pretty basic embedded view that is a Flex Container based view with two XY Charts in it. In the designer, the view looks like this:

and when embedded into the view in the designer, looks like this:

this is exactly how I want it to look

However, in the browser, it looks like this:

The XY Charts are both set with grow: 1, shrink: 1 and I have no idea why it looks so broken in the browser.

Placing each of the charts within their own container seemed to fix it. The view setup is now like this.

image

1 Like