resizeContainer / client.invoke('resize', { height: newHeight }) doesn't work in react app example

[vertic4l]

Expectations

return resizeContainer(this._client, MAX_HEIGHT);

resizeContainer works, and iframe gets properly resized

Reality

iframe got a fixed height of 100px and content gets truncated. MAX_HEIGHT is 1000 by default.

Steps to Reproduce

1. zcli apps:new --scaffold=react
2. npm run build
3. npm start
4. try your app with ?zcli_apps=true within zendesk

[vertic4l]

okay, changing the function as shown helps:

export function resizeContainer(client, max = Number.POSITIVE_INFINITY) {
  return client.invoke("resize", { height: max });
}

original:

export function resizeContainer(client, max = Number.POSITIVE_INFINITY) {
  const newHeight = Math.min(document.body.clientHeight, max);
  return client.invoke("resize", { height: newHeight });
}