Macbook Safari で非表示/オーバーフローのテキストが積み重なって表示される

Question

私は React ライブラリの Amplify UI を使用し、ユーザーとその情報の一部を表示するカードを作成しています。ただし、情報が多すぎる場合は、オーバーフローが切り取られ、別のページで表示されます。一部のユーザーの Macbook を除いて、すべて問題ないようです。 iPhoneでもこの問題が起きたことがないので混乱しています。

ユーザー カードは次のようになります。

しかし、一部の人の MacBook では、次のようになります:

個人情報の赤いマークは無視してください。

Figma コードから生成されたコンポーネントを Amplify を呼び出す方法は次のとおりです:

リーリー

Amplify によって生成されたコンポーネント コード スニペットは次のとおりです:

リーリー

MacBook safari で積み重ねられた情報を表示できるように、これらのコンテナに追加できるものはありますか?

Answer 1

これは、オーバーフローが原因である可能性が高くなります: Clip Safari デスクトップ バージョンのバージョン 15 以前はサポートされていません < /a>. 基本 Mac OSX オペレーティング システムを最近更新していないユーザーは、これらのバージョンに固執する必要があります (Mac では、Safari のバージョンはオペレーティング システムのバージョンに関連しています)。

clip は hidden と同様に動作します。これは正しく表示される場合と正しく表示されない場合がありますが、次のように変更してみてください:

リーリー ＃＃＃ に： ＃＃＃ リーリー