iOS 26：キーボード表示時のモーダル背景の問題

UX
1

こんにちは :waving_hand:

iOS 26以降、Appleはキーボードの外観を変更しました。現在は半透明でぼかし効果があります。
その結果、キーボードが表示されている場合、モーダルはキーボードの上部から開始され、キーボードの後ろの領域が透明になります。
これは視覚的にあまり美しくありません。モーダルが不完全な背景の上に「浮いている」ように見えるためです。

キーボードが開いているときにモーダルの背景を調整して、より自然に見えるようにする必要があると思います。たとえば、背景を調整してキーボード領域を視覚的にカバーするようにします。

簡単なCSSの調整は次のようになります。

html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // アニメーションのため強制
    background: var(--secondary);
  }
}

これにより、iOSキーボードが表示されている場合でも、モーダルは一貫した背景を維持します。

「いいね！」 1