iOS 26：键盘可见时模态背景问题

用户体验
1

你好 :waving_hand:

自 iOS 26 起，Apple 更改了键盘的外观 — 它现在是半透明的，并带有模糊效果。
因此，当键盘可见时，模态框从键盘顶部开始，键盘后面的区域将保持透明。
从视觉上看，这并不美观，因为模态框似乎“悬浮”在一个不完整的背景之上。

我认为我们应该在键盘打开时调整模态框背景，使其看起来更自然 — 例如，通过调整背景以在视觉上覆盖键盘区域。

一个快速的 CSS 调整可能如下所示：

html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // 强制设置，因为这是动画
    background: var(--secondary);
  }
}

这样，即使在 iOS 键盘可见时，模态框也能保持一致的背景。

1 个赞