Macbook Safari는 숨겨진/오버플로 텍스트를 스택으로 표시합니다.

Question

저는 React 라이브러리에서 Amplify UI를 사용하여 사용자와 사용자 정보 중 일부를 표시하는 카드를 만들고 있습니다. 단, 정보가 너무 많으면 오버플로가 끊어지고 다른 페이지에서 볼 수 있습니다. 일부 사용자의 Macbook을 제외하고는 모든 것이 괜찮아 보입니다. 아이폰에서도 이런 문제가 발생하지 않아서 헷갈립니다.

사용자 카드는 다음과 같아야 합니다:

그러나 일부 사람들의 MacBook에서는 다음과 같이 보입니다:

개인정보의 빨간색 표시는 무시해주세요.

Figma 코드에서 생성된 구성 요소를 Amplify라고 호출하는 방법은 다음과 같습니다.

으아아아

Amplify에서 생성된 구성 요소 코드 조각은 다음과 같습니다.

으아아아

이제 MacBook Safari가 누적된 정보를 표시하도록 이 컨테이너에 추가할 수 있는 다른 것이 있습니까?

Answer 1

이것은 overflow: Clip 데스크톱 버전 15 이하의 Safari가 지원되지 않기 때문일 가능성이 높습니다 . 최근에 기본 Mac OSX 운영 체제를 업데이트하지 않은 사용자는 이 버전을 사용하게 됩니다(Mac에서는 Safari 버전이 OS 버전).

clip 的行为与 hidden 비슷해요. 올바르게 표시될 수도 있고 그렇지 않을 수도 있지만 변경해 보세요.

으아악

받는 사람:

으아악