छाया डोम अक्षम के साथ वेब घटक में सॉर्टिंग समस्याओं को खींचें

Question

Version 16.10 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [एक्स] हाँ [ ] नहीं अपेक्षित व्यवहार क्या है? वह GrapesJS कस्टम वेब घटकों के साथ ड्रैगिंग और सॉर्टिंग इंटरैक्शन का समर्थन कर सकता है जिसमें शैडो डोम सक्षम नहीं है। बग का वर्णन करें नमस्ते, हम GrapesJS बड़े पैमाने पर उपयोग करते हैं और अपने कई कस्टम वेब घटकों को एकीकृत करते हैं, जो [स्टैंसिलजेएस] (https://stenciljs.com/) परियोजना का उपयोग करके उत्पन्न होते हैं। एक समस्या जिसका हम सामना करते हैं वह यह है कि तत्वों को वेब घटकों में खी...

artf · Accepted Answer

यह बग/अनुरोध केवल स्टैंसिलजेएस के लिए नहीं है, बल्कि सामान्य रूप से वेब कंपोनेंट्स और शैडो डोम के साथ है। क्या इन मुद्दों में मध्यस्थता करने के लिए ईवेंट को सक्षम करने या ट्रैक करने के साथ Grapes और वेब घटकों के साथ सर्वोत्तम अभ्यास हैं? मैं वेब घटकों के साथ काम नहीं कर रहा हूं यदि आप एक प्रतिलिपि प्रस्तुत करने योग्य डेमो बनाने में सक्षम हैं (उदाहरण के लिए हुड के नीचे वेब घटकों का उपयोग करके कस्टम घटक) जो हमें समस्या को डीबग करने और समझने में मदद करेगा।

jenter · Answer

@artf निश्चित बात है, त्वरित प्रतिक्रिया के लिए धन्यवाद। मैंने इस मुद्दे को प्रदर्शित करने के लिए इस फिडल में अपनी कस्टम वेब घटक लाइब्रेरी को आयात किया है: https://jsfiddle.net/jenter77/5btn2ao7/25/ ! [फिडलसॉर्ट] (https://user-images.githubusercontent.com/1368216/92647514-ff08f180-f2b5-11ea-8433-697820d85fe3.gif) यदि आप मेरे सार्वजनिक रेपो और उदाहरण "अशुद्ध-ग्रिड-आइटम" वेब घटक यहां का संदर्भ देते हैं, तो आप देखेंगे कि यह केवल एक साधारण घटक है जो कुछ सेकंड के लिए देरी करता है और फिर लोड होता है।...

artf · Answer

हाय जेसन, मैंने संपादक के अंदर क्या हो रहा है, इस पर एक नज़र डालने की कोशिश की है और, मुझे यकीन नहीं है कि shadow विकल्प वास्तव में इस व्यवहार को कैसे प्रभावित करता है, लेकिन मुख्य मुद्दा जो मैं देख रहा हूं वह गतिशील

तत्व है। मूल रूप से संपादक, पोस्ट पार्सिंग, में यह घटक संरचना होती है लेकिन वास्तविक DOM है यह गलत संरेखण सॉर्टर को भ्रमित करता है क्योंकि div.delayed--wrapper किसी भी घटक से जुड़ा नहीं है। वास्तव में, अपने अपेक्षित व्यवहार को "नकली" करने के लिए आपको...

छाया डोम अक्षम के साथ वेब घटक में सॉर्टिंग समस्याओं को खींचें

प्रश्न

जवाब (3)

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

वीडियो फेंकने में गड़बड़ी

टेक्स्ट को टेक्स्ट में पेस्ट करते समय, व्यू स्क्रॉल करता है और फोकस खो देता है

कॉपी करें और एक नोड पेस्ट करें के साथ समस्या

पृष्ठ की स्थिति Grapes बदलें

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

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