Ich habe ein SVG erstellt, das mithilfe der hier gefundenen Scrollleiste scrollt:
http://www.dotuscomus.com/svg/lib/library.html#innerscroll_full
Innerhalb des SVG habe ich ein interaktives foreignObject, das im Wesentlichen ein iframe mit einem HTML-Formular enthält. Das Scrollen funktioniert gut, aber wenn das SVG gescrollt wird, scheint es so, als ob die Mauspositionen des Formulars nicht aktualisiert werden; das heißt, das Formular scheint zu scrollen, aber man muss dort klicken, wo die Elemente waren, anstatt wo sie sind. Wie könnte ich das beheben?
EDIT (Klarheit): Dies tritt in Chrome auf (neueste Version); es funktioniert gut in Firefox (IE ist nicht relevant, da es sowieso keine Unterstützung für foreignObject gibt).
Relevanter Code im SVG:
Das (relevante) HTML:
Die universelle Gaskonstante beträgt ungefähr 0,0821 L atm mol-1 K-1. Wie viele signifikante Stellen werden hier angegeben?
3
4
5
EDIT 2: Es scheint, dass dies mit einem Fehler in Google Chrome in Bezug auf die Anzeige von übersetzten foreignObjects zusammenhängt. Wenn ich das foreignObject-Element manuell übersetze (z. B. füge ich transform="translate(50)" zum Quellcode hinzu), wird der gleiche Fehler angezeigt.