Mozilla (Firefox), маркер, несколько SVG
Я вложил в dj-вкладки extjs макет принудительно ориентированного графа d3, чтобы при каждом добавлении новой вкладки генерировался новый граф svg. Пока проблем нет.
Теперь я намеревался превратить график в ориентированный (добавив маркер и попросив линии использовать его)
Каждый сгенерированный svg-элемент имеет следующий шаблон:
<svg width="100%" height="100%">
<defs><marker id="end-arrow" viewBox="0 -5 10 10" refX="6" markerWidth="3" markerHeight="3" orient="auto"><path d="M0,-5L10,0L0,5" fill="#ccc"></path></marker>
</defs>
<g transform="translate(4,0) scale(1)"><line class="link" sig="30.84" style="stroke-width: 3;" x1="538" y1="347" x2="409" y2="467" marker-end="url(#end-arrow)"></line>
...
</g>
</svg>
С Crome все работает просто отлично. Поэтому я пришел к выводу, что структура и способ генерации svgs должны быть более или менее правильными.
Но с Firefox маркеры будут отображаться только для первого SVG. (первая вкладка) Все остальные svgs не будут отображать стрелки.
«Осмотреть элементы» говорит мне, что маркеры есть, и что линии ссылаются на них.
И здесь у меня заканчиваются идеи, где или что искать. :(