Material-ui: [संवाद] साइड इफेक्ट (शरीर अतिप्रवाह छिपी हुई संपत्ति)

को निर्मित 20 जून 2015 · 3टिप्पणियाँ · स्रोत: mui-org/material-ui

मैं निम्नलिखित परिवर्तन का सुझाव देना चाहूंगा,

Dialog घटक <body> शैली को overflow: hidden; । और खारिज करने पर, यह शैली नियम खारिज कर दिया जाता है।

लेकिन अगर डायलॉग दिखाए जाने के दौरान घटक को डोम से हटा दिया जाता है, तो यह उपरोक्त शैली के कारण पूरे शरीर को गैर-स्क्रॉल करने योग्य बनाता है।

मैं इस प्रकार componentWillUnmount सुझाव दूंगा,

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

या अधिक स्वतंत्र होने के लिए, componentDidMount जीवनचक्र फ़ंक्शन शरीर शैली की मूल स्थिति को संग्रहीत कर सकता है और अनमाउंट पर, उस शैली को पुनर्स्थापित किया जा सकता है।

bug 🐛

स्रोत

activatedgeek

👍5

सबसे उपयोगी टिप्पणी

overflow-y: overlay; CSS संपत्ति के साथ ठीक से काम नहीं करता है:
ezgif com-video-to-gif

goodwin64 23 सित॰ 2019

👍3

सभी 3 टिप्पणियाँ

+1 मुझे अभी यह समस्या आ रही है क्योंकि डायलॉग डोम में है या नहीं, मैं खुद को प्रबंधित कर रहा हूं।

मुद्दा डी Overlay घटक के अंदर है। overflow संपत्ति केवल componentDidUpdate में अपडेट की जाती है। लेकिन जब इसे हटा दिया जाता है, तो संपत्ति कभी भी रीसेट नहीं होती है: /