動的高さを正しく機能させるのに苦労しています。Discourseを更新し、スニペットを最新の設定で更新しましたが、問題は依然として続いています。
<h4 class="comments-main-title component-title">Comentários</h4>
<div id='discourse-comments'></div>
<meta name='discourse-username' content='<?php echo esc_attr($discourse_author); ?>'>
<script type="text/javascript">
DiscourseEmbed = {
discourseUrl: '<?php echo esc_url($discourse_url); ?>',
<?php if ($use_topic_id): ?>
// IDモード: DBに保存されたトピック、URL変更の影響を受けない
topicId: <?php echo intval($topic_id); ?>,
<?php else: ?>
// URLモード: API経由の作成が失敗した場合のフォールバック
discourseEmbedUrl: '<?php echo esc_url($permalink); ?>',
<?php endif; ?>
fullApp: true,
lazyLoad: true, // iframeの遅延読み込みを無効化
lazyLoadMargin: '1500', // ビューポートから何ピクセル手前で読み込みを開始するか
dynamicHeight: true,
embedMinHeight: '400',
embedMaxHeight: '3000',
embedHeight: '800px',
// className: 'CLASS_NAME',
};
(function() {
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
})();
</script>