2 Stimmen

Fehler in scrollbarem SVG mit foreignObject

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.

0voto

Spadar Shut Punkte 14391

Offensichtlich handelt es sich dabei um einen Fehler in Webkit, aber möglicherweise könnte es helfen, den Browser dazu zu zwingen, das SVG neu zu zeichnen.

Versuche, eine zufällige Klasse hinzuzufügen, oder hänge ein leeres Element an, oder füge ein leeres style-Element im Dokument hinzu.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X