स्क्रॉल क्रोम

Question

मैं svg विदेशी वस्तु के अंदर div है में svg विदेशी वस्तु के अंदर काम कर रहा है नहीं, अतिप्रवाह के साथ: ऑटो

• स्क्रॉल केवल माउस पहिया के साथ काम कर रहा है, बार खींचें नहीं कर सकते
• यह पर काम करता है फ़ायरफ़ॉक्स, लेकिन क्रोम/सफारी पर नहीं
• यह काम करता है अगर कोई svg-जी तत्व पर बदलने

देख बेला: http://jsfiddle.net/ranr/ncry8Lmx/

क्या यह क्रोम में एक बग है? इसके चारों ओर किसी भी तरह से?

<svg width="1000" height="800"> 
    <g transform="translate(100,50)"> 
    <rect x="4" y="4" width="110" height="90" stroke="#666666" fill="#eeeeee" /> 
    <foreignObject x="10" y="10" width="100" height="80"> 
     <div xmlns="http://www.w3.org/1999/xhtml" style="height:100%;overflow:auto;"> 
     <div>aaaaaa</div> 
     <div>bbbbbb</div> 
     <div>cccccc</div> 
     <div>dddddd</div> 
     <div>eeeeee</div> 
     <div>ffffff</div> 
     </div> 
    </foreignObject> 
    <g> 
</svg> 

Answer 1

मुझे लगता है कि यह क्रोम/सफारी का एक बग है। यदि आप overflow:auto से overflow:scroll को बदलने का प्रयास करते हैं, तो div foreignObject से प्रदर्शित होता है।

Answer 2

क्रोमियम बग बंद है, दुर्भाग्यवश, यह और भी खराब दिखता है। यदि आप jsfiddle खोलते हैं, तो div div अदृश्य है, सिवाय इसके कि आप overflow:auto शैली को हटा दें। मैंने परीक्षण किया, यह अभी भी अदृश्य है अगर overflow-y:scroll। क्रोम v62 में परीक्षण। फ़ायरफ़ॉक्स 57 अच्छी तरह काम कर रहा है।