He escrito una pequeña página de ejemplo con elementos que se pueden arrastrar en dispositivos táctiles (basados ​​encódigo de Peter-Paul Koch).

Tengo dos arrastrables<div> Elementos: un bloque verde y una bola roja (hecha en forma de bola conborder-radius). El arrastre se implementa conontouchstart, ontouchmove yontouchend, y la "animación" se realiza cambiando latop yleft Propiedades CSS de estos elementos.

Cuando arrastro el verde, todo es rosas y ponycorns.

Pero cuando arrastro el rojo en Safari en un iPad 1 (con iOS 5.1.1) o un iPad 3 (6.0.1), tengo pequeños rastros rojos claros donde estaban los bordes posteriores del círculo (vea la captura de pantalla a continuación).

Sin embargo, no veo estos senderos en mi iPhone 5 (6.1.4).

¿Hay alguna manera de deshacerse de estos senderos?

(Pregunta extra: ¿hay un término para este efecto? ¿"Fantasma"? ¿"Artefactos"?)