Material-ui: [مربع حوار] الآثار الجانبية (خاصية تجاوز الجسم المخفية)

تم إنشاؤها على ٢٠ يونيو ٢٠١٥  ·  3تعليقات  ·  مصدر: mui-org/material-ui

أود أن أقترح التغيير التالي ،

و Dialog مجموعات المكونة لل <body> النمط كما overflow: hidden; . وعند الرفض ، يتم رفض قاعدة النمط هذه.

ولكن إذا تمت إزالة المكون من DOM أثناء عرض مربع الحوار ، فإنه يجعل الجسم بالكامل غير قابل للتمرير بسبب النمط أعلاه.

أود أن أقترح componentWillUnmount النحو التالي ،

  componentWillUnmount: function() {
    // dialog has a side-effect if this not checked
    document.body.style.overflow = 'auto';
  }

أو لكي تكون أكثر استقلالية ، يمكن لدالة دورة الحياة componentDidMount تخزين الحالة الأصلية لنمط الجسم وعند إلغاء التثبيت ، يمكن استعادة هذا النمط.

bug 🐛
مصدر
picture activatedgeek
👍5

التعليق الأكثر فائدة

لا يعمل بشكل جيد مع خاصية CSS overflow-y: overlay; :
ezgif com-video-to-gif

picture goodwin64 في ٢٣ سبتمبر ٢٠١٩
👍3

ال 3 كومينتر

+1 أواجه هذه المشكلة الآن لأنني أدير نفسي إذا كان الحوار في dom أم لا.

المشكلة داخل مكون Overlay . تم تحديث الخاصية overflow فقط في componentDidUpdate . ولكن عند إزالتها ، لا تتم إعادة تعيين الخاصية أبدًا: /

tleunen picture tleunen في ٢ يوليو ٢٠١٥

+1

Thr1ve picture Thr1ve في ٥ يوليو ٢٠١٥

لا يعمل بشكل جيد مع خاصية CSS overflow-y: overlay; :
ezgif com-video-to-gif

goodwin64 picture goodwin64 في ٢٣ سبتمبر ٢٠١٩
👍3
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

sys13 picture sys13  ·  3تعليقات
anthony-dandrea picture anthony-dandrea  ·  3تعليقات
FranBran picture FranBran  ·  3تعليقات
finaiized picture finaiized  ·  3تعليقات
reflog picture reflog  ·  3تعليقات