モバイルサファリでページ全体を 3 行の CSS-Flex レイアウトにすることは不可能ですか?

Question

サンプルコード: https://jsfiddle.net/Lsfvotd2/2/

フローティングツールバーがフッターを完全に覆ってしまう問題は解決していないようです。スクロールを開始するとツールバーは消えるはずですが、ページがスクロールしない場合はどうすればよいでしょうか?それは決して消えることはありません。どこでも検索しましたが、有効な解決策が見つかりません。 2023 年の時点で、新しい答えはありますか、それともこれは Safari に存在する単なるアンチパターンですか?

パディングを追加するだけでは、通常のブラウザーのデザインが崩れてしまうため、追加したくありません。

ああああ

Answer 1

問題を再現できません。コード をこのページ に挿入し、モバイル Safari でテストしました。フッターが表示され、ツールバーが表示され、非表示にすることもできます (スクロールせずにツールバーを非表示にするには、ツールバーの左側にある AA ボタンを押して [ツールバーを非表示] を選択します)。