kViewerで表示される一覧画面のiframeの高さの制御について

お世話になります。

Kintone + kViewerを利用して、WEBサイトにて公開するお客様向けのFAQを管理したいと考えています。

WEBサイトへiframeで埋め込みし、kViewerの検索フォームでリンクリスト(カテゴリ)、まとめて検索(テキスト検索)を追加して、ユーザの操作で表示される内容が切り替わるようにしたいと思います。

このとき、検索条件によってiframe内のコンテンツの高さが変化するため、ユーザが戸惑わないよう、動的にiframeの高さを変えようと思い、下記のようにJSを設定してみましたが、最初の表示時はうまくいくものの、その後kViewer内で検索した際の表示時は高さが変化しません。

JavaScriptあるいはiframeの仕様なのかもしれませんが、何かうまい方法はありませんでしょうか?

 

【kViewer側】

(function() {
  “use strict”;

  kv.events.records.mounted = [function (state) {
    sendHeight();

    return state;
  }]

})();

function sendHeight(){
  var h = document.documentElement.scrollHeight;
  parent.postMessage(h, “*”);
}

 

【WEBサイト側】

window.addEventListener(‘message’, function(e) {
  if(e.origin=="https://viewer.kintoneapp.com"){%7B)
    document.getElementById(‘content-frame’).height = e.data;
  }
}, false);