Problemy z renderowaniem SVG na urządzeniach mobilnych Safari z Rafaelami

Pracuję nad animowanym, interaktywnym wykresemRafael że muszę dobrze pracować na iPhonie. Mam 2 drobne problemy z renderowaniem, z którymi się zmagam.

Po pierwsze, gdy klikniesz element svg z dołączonym programem obsługi kliknięć, mobilne safari rysuje wokół niego przezroczyste szare pole, aby wskazać, co zostało kliknięte. To samo, co po kliknięciu hiperłącza. Szare pole jest w tej sytuacji bardzo brzydkie. Czy istnieje jakakolwiek właściwość css, która mówi mobilnemu safari, by tego nie robił?

Drugi problem dotyczy animacji. Podczas trwania dowolnej animacji mobilne safari dodaje brzydkie czarne obramowanie do płótna svg. Jest widoczna tylko podczas trwania animacji i jest widoczna tylko na dolnej i prawej krawędzi płótna. Jakiś pomysł jak to naprawić?

Zostało to zrobione przy użyciu kopii i wklejania jednego z demów na stronie Rafaela, tylko na białym tle.

questionAnswers(1)

yourAnswerToTheQuestion