Eu estou trabalhando em um gráfico animado e interativo usandoraphael que preciso trabalhar bem no iPhone. Eu tenho dois pequenos problemas de renderização com os quais estou lutando.

A primeira é que sempre que você clicar em um elemento svg que tenha um manipulador de clique anexado, o safari móvel desenha uma caixa cinza transparente ao redor dele para indicar o que foi clicado. É a mesma coisa quando você clica em um hiperlink. A caixa cinza é muito feia nessa situação. Existe alguma propriedade css para dizer ao safari móvel para não fazer isso?

A segunda questão é com animações. Para a duração de qualquer animação, o safari móvel adiciona uma borda preta feia à tela do svg. É visível apenas enquanto uma animação está em andamento e é visível apenas nas bordas inferior e direita da tela. Alguma ideia de como consertar isso?

Isso foi feito usando um copiar e colar de uma das demos na página do raphael, apenas com um fundo branco.