एग्रीजन से ड्रैगगेबल divs

Question

मैंने एक पॉप आउट साइडबार बनाया है। उस तरफ में मेरे पास एक accordion है जिसमें divs शामिल हैं। वे divs खींचने योग्य हैं। उपयोगकर्ता उन divs खींच सकते हैं और उन्हें मुख्य पृष्ठ स्थिति।

समस्या जो मैं अनुभव कर रहा हूं वह यह है कि जब divs खींचा जाता है तो वे accordion के बाहर दिखाई नहीं दे रहे हैं। यह This वीडियो में देखा जा सकता है।

मैं देख सकता हूं कि यह छिपाने के लिए सेट ओवरफ्लो के साथ करना है, हालांकि जब मैं इसे हटा देता हूं तो एग्रीजन सामग्री को छुपाया जाना चाहिए जब इसे छुपाया जाना चाहिए।

overflow: hidden; 

JSFiddle मेरी समस्या को और दिखाने के लिए।

मैं इसे कैसे ठीक कर सकता हूं/इसके आसपास होने के संभावित तरीके क्या हैं।

Answer 1

अपने सीएसएस

.accordion-heading + div.accordion-body { 
    position: static; 
} 

को यह जोड़ने की कोशिश तो यह आपके लिए क्या देख रहे है? अद्यतन 0- यदि यह आपकी समस्या का समाधान करता है, तो ऐसा लगता है कि bootstrap.css फ़ाइल के अंदर, लाइन 5245 पर, "स्थिति: सापेक्ष" नियम आपके divs accordion के बाहर दिखाई नहीं देता है। तो आपको स्थैतिक स्थिति को "रीसेट" करने की आवश्यकता है। IE8 और पहले में काम करने के लिए "el + el" css चयनकर्ता के लिए, < को मत भूलें! DOCTYPE>।