投稿が最後まで表示されないことがある

ええと、説明が下手ですみません。

ウインドウの高さは無関係です。

ウインドウの幅が一定の範囲にある場合、投稿本文の表示領域の「最大の高さ」が150pxに指定され、それを超えた分は非表示に指定されてます。その結果投稿文が最後まで表示されないと。

ユーザにできる回避策は

• ブラウザウインドウの幅を問題が起きる範囲より狭くするか広くする

で、サポートコミュニティの管理者へフィードバックする際は次の2点を伝えると良いでしょう。

• ブラウザウインドウの幅が一定の幅にある場合に投稿本文が最後まで表示されない
• OS もブラウザも問わず問題が起きるので本掲示板システムの不具合と思われる

こんな内容です（コピペできるか？）。

-------------------

（タイトル）

投稿が一部しか表示されない

（本文）

各投稿が、一定の行数しか表示されません。

iPad mini, iPad OS16.2

iPhoneだと、「もっと表示する」ボタンがあるが、上記環境では、このボタンが表示されないせいか。

投稿日 2023/01/07 19:22

返信

＊　一部編集いたしました。 Apple Inc.

こんな感じの JavaScript で調査できます。

# このスクリプトを実行するためには、システム環境設定の「セキュリティとプライバシー > アクセシビリティ」でスクリプトエディタを ON にする必要があります。検証が終わったらスクリプトエディタを「-」ボタンで削除すると良いでしょう。

コード

'use strict';

function run() {
    const safari = Application('System Events').processes.byName('Safari');
    const [w, h] = safari.windows[0].size();
    safari.windows[0].size = [w + 1, h]
    return `width: ${w}`;
}

スクリプトを実行するとウインドウ幅が1px広がり、「結果」に幅が表示されます。

もう一度実行すると、ウインドウ幅がさらに1px広がり、、、、

で、Safari の表示を見ながらスクリプトを何回も実行すると、変わり目が確認できます。

ちなみに Parallels Desktop 上の Monterey でスクロールバーを常時表示に設定した場合、Safari のウインドウ幅が 749px ~ 766px で問題が起きました。

本当はこの後に CSS を調査すると良いのですが、結構大変な作業なので今回はパスします。

インスペクタで見ると max-height が 150px、overflow-y は hidden となっているので、高さが 150px を超えると隠されてしまうように指定されてます。その結果最後まで表示されないと。

本来は「もっと表示する」が表示され、クリックすると最後まで表示されるはずが、そうななってないということだと思います。

Safari だけでなく、Firefox と Google Chrome でも問題が起きるので、このボードの不具合と言って良いと思います。

システム設定でスクロールバーの表示を「スクロール時に表示」に設定してある場合、ブラウザウインドウの幅が 735px ~ 767px だと問題が起きるようです。(問題の起きる幅はスクロールバーの表示設定で変わるようです)

Ventura (仮想環境) と Mojave の Safari、Firefox で問題が再現できたので、Google Chrome でも同様だと思います。このボードのバグでしょうね。

あ〜やってしまった。スクリプト間違ってますね...。

正しくは

'use strict';

function run() {
    const safari = Application('System Events').processes.byName('Safari');
    const [w, h] = safari.windows[0].size();
    safari.windows[0].size = [w + 1, h];
    return `width: ${w + 1}`;
}

ということで、前掲の範囲は全て1px足りません。ごめんなさい。

訂正

誤: 749px ~ 766px

正: 750px ~ 767px

こんな感じです。

iPad OS 16.4.1(a)

再現されずで放置状態です。

iPhoneを使えばいいので、私も放置。

連投すみません。

> 本来は「もっと表示する」が表示され、クリックすると最後まで表示されるはずが、そうななってないということだと思います。

または、本来最後まで表示されるはずが、max-height が指定されているために隠されてしまう、、、ということでしょうかね。

ちなみに max-height を none にすれば期待通りの表示となります。

同じ症状ですか（私の環境では継続中です）。

＊　リンクを削除しました。Apple Inc.

735px〜767pxのウインドウ幅ってどのくらいかわからないのですが（どのように確認するのでしょう）

モニタの表示ピクセルサイズの横幅から推定できませんか？

1920ピクセルならおよそ横幅の四割

1600ピクセルならおよそ横幅の半分弱

と言った感じですかね。

>ブラウザウインドウの幅が 735px ~ 767px だと問題が起きるようです。(問題の起きる幅はスクロールバーの表示設定で変わるようです)

そう言えば、かなり前に、Safariでウインドウの横幅によってはHTMLレンダリングが崩れることがあったが、これかも。

iPad miniを横画面にすると、一定行数で切られることが無くなり、投稿全文を確認できる。