मोबाइल डिवाइस के लिए Vue.js डायलॉग बहुत बड़ा है

संपादित करें: हल किया गया। दृश्यता के लिए मूल छोड़कर, अंत में स्पष्टीकरण।

मेरे पास स्टेपर के साथ एक वर्किंग व्यू डायलॉग वाली एक वेबसाइट है जो पीसी पर क्रोम/फ़ायरफ़ॉक्स/एज के भीतर दिखाई देती है, लेकिन मोबाइल उपकरणों पर संवाद के भीतर बहुत अधिक टेक्स्ट है। संवाद के भीतर स्क्रॉल करने का प्रयास संवाद के पीछे के पृष्ठ को स्क्रॉल करता है, लेकिन संवाद विंडो को ही नहीं - संवाद को मोबाइल के लिए अनुपयोगी बना देता है।

मैंने देखा है और मोबाइल उपकरणों के लिए vue संवादों को अनुकूलित करने के बारे में जानकारी प्राप्त करने में सक्षम नहीं हूं। आपके पास इससे संबंधित कोई भी संसाधन सहायक होगा।

संपादित करें: संवाद के साथ बनाया गया है:

<v-dialog v-model="dialog" max-width="400px" scrollable>

भले ही मेरे पास scrollable विकल्प सेट है, संवाद स्क्रॉल नहीं करता है।

संपादित करें 2: यह पता चला है कि scrollable पर डिफ़ॉल्ट मान गलत है, जिसका अर्थ है कि यदि वह सेट है, तो डायलॉग विंडो नहीं स्क्रॉल करने योग्य है। मैंने इस प्रोप को हटा दिया और मुझे वह व्यवहार मिल रहा है जिसकी मुझे उम्मीद थी।