फ़ायरफ़ॉक्स में अजीब बूटस्ट्रैप ड्रॉपडाउन व्यवहार

Question

मैं क्रोम पर विकसित एक वेब एप्लिकेशन कर रहा हूं और इसमें कोई समस्या नहीं है। मैंने फ़ायरफ़ॉक्स में तेजी से साइट का परीक्षण करने का फैसला किया कि क्या कोई फर्क पड़ता है और किसी टेबल पर ड्रॉपडाउन पर अजीब व्यवहार के साथ आया था।

मैंने अकेले व्यवहार का परीक्षण करने के लिए fiddle बनाया है। आप टीडी के ठीक करीब पृष्ठ के निचले हिस्से में स्थित ड्रॉपडाउन देख सकते हैं। यदि आप इसे क्रोम में आज़माते हैं तो यह पूरी तरह से काम करता है लेकिन फ़ायरफ़ॉक्स में विफल रहता है।

जांच के बाद, मैंने पाया है कि .dropdown-menu के सीएसएस में इन दो विशेषताओं को अक्षम करने के बाद, ड्रॉपडाउन कार्य अपेक्षित है।

top: 100% 
left: 0; 

लटकती जब एक div पर काम करता है, लेकिन नहीं है जब एक td पर।

क्या तालिका के HTML में कुछ गड़बड़ है जो ड्रॉपडाउन को सही जगह पर दिखाई देने में विफल रहता है, या क्या यह केवल एक सीएसएस विफलता है जिसे मेरी सटीक आवश्यकता के लिए पैच किया जाना है?

Answer 1

फ़ायरफ़ॉक्स position: relative;table सेल्स पर समर्थन नहीं करता है। इसके आस-पास पहुंचने के लिए, आपको div में ड्रॉपडाउन को लपेटने की आवश्यकता होगी।

Here's a working example on jsFiddle।

<table class="table table-bordered"> 
    <tr> 
    <td class="rl2"> 
     <div class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a> 
     <ul class="dropdown-menu" aria-labelledby="dLabel" role="menu"> 
      <li><a href="#" class="rl1">rl1</a></li> 
      <li><a href="#" class="rl2">rl2</a></li> 
     </ul> 
     </div> 
    </td> 
    <td>...</td> 
    <td>...</td> 
    </tr> 
</table>