2012-04-23 9 views
10

Sto usando elementi HTML posizionati relativamente in un SVG foreignObject. Tuttavia, in Chrome, il contenuto relativamente posizionato non rispetta lo standard scale() o viewBox. Di conseguenza non è la giusta dimensione.In Chrome, perché SVG foreignObjects non scala i contenuti relativamente posizionati?

Here is an example of my problem on jsFiddle. Tutti e tre gli snippet di testo dovrebbero avere le stesse dimensioni per gli utenti finali ... ma in Chrome non lo fanno.

Che cosa sta causando questo?

Firefox Screenshot (come previsto?)

The jsFiddle in Firefox

Chrome Screenshot (bug?)

The jsFiddle in Chrome

+0

Si noti che la rimozione del posizionamento relativamente non è possibile. –

+0

Se si deve veramente usare il posizionamento relativo, sembra che tu debba correre a testa alta in questo bug. Perché non sei in grado di rimuovere il posizionamento relativo? Il contenuto di 'foreignObject' è generato da una fonte che non controlli? – ellisbben

+0

@ellisbben - Sì, e sto anche utilizzando il posizionamento relativo per gestire [un altro bug SVO straniero di Chrome SVG] (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as-though-assolutamente- posizionata in-webkit-browser). –

risposta

3

A giudicare dalla

24 bugs related to foreignObject sul tracker WebKit e il

19 issues related to foreignObject sul tracker Chromium,

sembra che questo sia molto probabilmente un comportamento non intenzionale. Vi incoraggio a consultare la lista di bug di WebKit per vedere se questo problema è noto. Se non lo è, prova a riprodurre questo errore su un altro browser WebKit. Se il problema è riproducibile, ad es. Safari, invialo come bug a WebKit; in caso contrario, invialo come bug a Chromium.

La mia ipotesi è che si tratti di un bug WebKit; this bug sembra un po 'simile.

Problemi correlati