El patrón de relleno de SVG funciona en Firefox y Chrome pero no en Safari

Safari 6.1.5 no muestra un patrón en un rectángulo SVG. Finalmente lo simplifiqué a este caso de prueba:

   .patterned { fill: url("#myid") none; stroke:blue}              

Safari muestra un contorno azul vacío, mientras que Firefox y Chrome muestran lunares dentro de él. Tengo el mismo problema con el patrón de sombreado diagonal que uso en la realidad.

De hecho, me encontré con una solución extraña que funciona para este fragmento, pero no para la realidad: cambiar none a yellow después de que la url muestra círculos morados sobre un fondo blanco / transparente en los tres navegadores. Desafortunadamente, cuando hago eso en mi aplicación real obtengo un fondo amarillo y ningún patrón.

Ahora creo que mi caso de prueba es una pista falsa. falla por una razón diferente a la que mi sitio web real falla al mostrar el patrón. Se puede hacer que Safari produzca el mismo resultado que los otros navegadores simplemente eliminando el none después de la URL. (Posiblemente un error en Safari; vea otra respuesta).

Desafortunadamente, eso solo significa que no pude reducir mi problema real a un pequeño caso de prueba, porque la realidad todavía no funciona. Después de más experimentación, descubrí que puedo romper el caso de prueba corregido agregando un elemento al encabezado. Es de suponer que Safari no resuelve correctamente la url("#myid") . (Además, Firefox y Chrome parecen resolverlo de manera diferente si aparece en un archivo llamado styles/style.css ; Chrome aparentemente usa el documento principal como base, Firefox aparentemente busca {{defs}} en la hoja de estilos).

Y, sin embargo, Safari todavía funciona si sirvo el mismo caso de prueba corregido que http://localhost:3000 , por lo que no es tan simple como el file: frente a http: Debe ser algo más, en algún lugar de la enorme aplicación web compleja que he asumido el desarrollo. Ahora he intentado tres veces aislar el problema eliminando elementos hasta que el patrón funcione (que es como descubrí que a Firefox no le gusta el estilo que se está definiendo desde otra carpeta), pero no he tenido suerte al aislar el problema con Safari

Me he rendido por ahora y he tomado un enfoque diferente para obtener el efecto visual que el diseñador quiere.