iOS 26: 키보드가 표시될 때 모달 배경 문제

기여 UX
1

안녕하세요 :waving_hand:

iOS 26부터 Apple이 키보드 외관을 변경했습니다 — 이제 블러 효과가 적용된 반투명 스타일입니다.
그 결과, 키보드가 표시될 때 모달이 키보드 상단부터 시작되어 키보드 뒤 영역이 투명하게 보입니다.
이것은 모달이 완성되지 않은 배경 위에 떠 있는 것처럼 보이므로 시각적으로 별로 좋지 않습니다.

키보드가 열려 있을 때 모달 배경을 조정하여 더 자연스럽게 보이도록 해야 한다고 생각합니다 — 예를 들어, 배경을 조정하여 키보드 영역을 시각적으로 덮는 방식입니다.

간단한 CSS 수정은 다음과 같을 수 있습니다:

html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // forced because this is animated
    background: var(--secondary);
  }
}

이렇게 하면 iOS 키보드가 표시되더라도 모달이 일관된 배경을 유지할 수 있습니다.

2개의 좋아요