autoResize problems when width is activated

Observed Behaviour

When setting autoResize: { width: true }, the iframe resizes whenever the content size is bigger than the xcomponent-outlet div. On the other side, the iframe will not resize when the window is resized (or in a mobile device, when the orentation changes and the window is resized)

Expected behaviour

• The xcomponent-outlet listens also to window size changes, not only to internal size changes.

Background info

xcomponent attaches absolute width and height attributes to that div.

This is updated whenever the iframe content is changed, but not if the window is resized. @bluepnume

[chemoish]

@bluepnume Any updates?

Trial and error; I came to the same solution as @sprsam. The lack of documentation and examples is concerning 😓.

// parent configuration
const configuration = {
  autoResize: {
    height: true,
    width: false,
  },

  dimensions: {
    height: '100%',
    width: '100%',
  },
};

// child configuration
const configuration = {
  autoResize: {
    height: true,
    width: false,
  },
};

Note: This is for Iframe

I don’t have experience debugging iframe issues. At first, I thought you needed the undocumented listenForResize to be set, but something somewhere takes care of it.

The configuration above will auto resize the width and height to fill the available parent space. When the parent window resizes, the iframe will also resize to a fixed pixel.

[sprsam]

Our solution ended up being related to removing autoResize: true for both height and width. autoResize: { height: true, width: false }. As a result, our width: 100% dimension setting stuck around while post robot helped relay the new height.