कैनवास में घटकों को जोड़ते समय, डीओएम में डुप्लिकेट बनाए जाते हैं (लेकिन मॉडल नहीं)

Question

जब मैं एक घटक - जैसे कि एक मानचित्र - कैनवास पर खींचता हूं, तो यह अब DOM में उस तत्व की तीन प्रतियां बनाता है। हालाँकि, मॉडल सही है, और अगर मैं स्क्रीन को ताज़ा करता हूं, तो यह सही ढंग से प्रस्तुत होता है।

पुन: पेश करने के लिए एक पूरे सैंडबॉक्स को खड़ा करने की कोशिश किए बिना, इसका कारण क्या हो सकता है, इस पर कोई त्वरित विचार?

धन्यवाद एंड्रयू

andrewryan1906 · Accepted Answer

ठीक है, जहां तक मैं बता सकता हूं कि समस्या Sorter.js में है और इस कोड के आसपास केंद्रित है: इस कोड को onMove द्वारा बुलाया जाता है जब भी आप किसी घटक को कैनवास पर खींचना शुरू करते हैं। मैं देखता हूं कि आप अस्थायी घटक बनाते हैं, और फिर इसे अगली पंक्ति पर तुरंत हटा देते हैं। समस्या कोड के इस ब्लॉक में है: किसी कारण से... जब model.trigger चलता है, तो यह घटक की दो समान प्रतियां बनाता है; भले ही toAdd सरणी में केवल एक ही होता है। मैं यह पता नहीं लगा सकता कि यह दो बार क्यों फायरिंग कर रहा है ... लेकिन...

andrewryan1906 · Answer

यह पूरी समस्या तब गायब हो जाती है जब मैं इस लाइन को अपने कॉन्फ़िगरेशन इनिट से हटाता हूं:

    domComponents: {
       ...
       storeWrapper: true,
    },

उस सेटिंग के बारे में कुछ इस व्यवहार का कारण बनता है। अभी भी समझ नहीं आ रहा है क्या।

artf · Answer

सभी अंतर्दृष्टि के लिए @andrewryan1906 धन्यवाद, वास्तव में सॉर्टर फ़ाइल थोड़ी देर के लिए मेरी टू रिफैक्टर सूची में थी, लेकिन अभी तक इसे संभालने का समय नहीं मिला ... वैसे भी मैं अभी भी उलझन में हूं कि क्या हो रहा है, निश्चित रूप से मुझे आपको एक प्रतिलिपि प्रस्तुत करने योग्य डेमो बनाने की आवश्यकता है अन्यथा मैं मदद करने में सक्षम नहीं हूं ... और एक आखिरी बात, क्या आप GrapesJS के नवीनतम संस्करण का उपयोग कर रहे हैं? पुनश्च: यदि #2493 इस समस्या के कारण होता है तो मुझे लगता है कि आप इसे बंद कर सकते ह...

कैनवास में घटकों को जोड़ते समय, डीओएम में डुप्लिकेट बनाए जाते हैं (लेकिन मॉडल नहीं)

प्रश्न

जवाब (3)

संबंधित प्रश्न और उत्तर

लाइव पूर्वावलोकन में XSS भेद्यता

StyleManager ईवेंट प्रति परिवर्तन कई बार सक्रिय होता है

दो गुना कुछ गुण दिखा रहे हैं और कुछ विकल्प भी नहीं दिखा रहे हैं।

ज़ूम सक्षम के साथ सभी कैनवास को स्क्रॉल करने में असमर्थ

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

ब्राउज़ प्लगइन श्रेणियाँ