مرحباً ![]()
منذ iOS 26، قامت Apple بتغيير مظهر لوحة المفاتيح - أصبحت الآن شبه شفافة مع تأثير ضبابي.
ونتيجة لذلك، عندما تكون لوحة المفاتيح مرئية، يبدأ النموذج من أعلى لوحة المفاتيح، تاركًا المنطقة خلف لوحة المفاتيح شفافة.
هذا لا يبدو جميلاً بصريًا، حيث يبدو النموذج وكأنه “يطفو” فوق خلفية غير مكتملة.
أعتقد أنه يجب علينا تعديل خلفية النموذج عند فتح لوحة المفاتيح لتبدو طبيعية أكثر - على سبيل المثال، عن طريق تعديل الخلفية لتغطية منطقة لوحة المفاتيح بصريًا.
يمكن أن يكون تعديل CSS سريع شيئًا كهذا:
html.ios-device.keyboard-visible {
.d-modal__backdrop {
opacity: 1 !important; // forced because this is animated
background: var(--secondary);
}
}
بهذه الطريقة، يحتفظ النموذج بخلفية متسقة حتى عند ظهور لوحة مفاتيح iOS.