फ़ायरफ़ॉक्स में डी 3 पर टिप्स टूलटिप पोजिशनिंग, आईई

Question

मैं सर्कल से जुड़े d3 line graphs और tipsy tooltips ड्राइंग कर रहा हूं।

टूलटिप्स क्रोम/सफारी में ठीक काम करते हैं लेकिन फ़ायरफ़ॉक्स और आईई में जब आप किसी बिंदु पर होवर करते हैं, जबकि संबंधित टूलटिप दिखाई देता है, तो यह स्क्रीन के ऊपरी बाएं कोने में ग्राफ/एसवीजी तत्व के बाहर दिखाई देता है (एचटीएमएल तत्व) बिंदु के बगल में।

यह मैं कैसे टूलटिप संलग्न कर रहा हूँ है:

jQuery('g circle').tipsy({ 
     gravity: 'w', 
     html: true, 
     title: function() { 
      return this.textContent; 
     } 
    }) 

किसी भी सलाह पर क्या मैं गलत कर रहा हूँ बहुत सराहना की जाएगी।

Answer 1

टिप्स ऑफ़सेट का उपयोग करता है विजिथ और ऑफसेट तत्वों पर हाइट। यह मानता है कि ऐसी चीजें एसवीजी तत्वों पर काम करती हैं, दुर्भाग्यवश यह कि क्रोम/सफारी के बाहर धारणा गलत है।

CSSOM विनिर्देश कहता है कि ऑफ़सेटविड्थ/ऑफ़सेट हाइट HTML तत्व गुण हैं। ऐसा लगता है कि क्रोम/सफारी ने इन्हें अपने एसवीजी तत्वों पर रखा है लेकिन कोई विनिर्देश नहीं है जो कहता है कि यह मामला होना चाहिए।

आपको या तो क्रॉस-ब्राउज़र होने के लिए युक्तियां ठीक करने या लेखक को ऐसा करने की आवश्यकता होगी। GetTransformToElement का उपयोग करना और/या getBBox शायद इसकी आवश्यकता है।

Answer 2

This पैच टिप्स के लिए उचित एसवीजी समर्थन जोड़ता है।