Я создаю текстовую область внутри постороннего объекта в SVG следующим образом:
var doc = document.getElementById("cover");
var foreign = document.createElementNS(svgNS,"foreignObject");
var textarea = document.createElementNS("http://www.w3.org/1999/xhtml","textarea");
foreign.setAttributeNS(null,"x",40);
foreign.setAttributeNS(null,"y",40);
foreign.setAttributeNS(null,"width",500);
foreign.setAttributeNS(null,"height",200);
doc.appendChild(foreign);
textarea.setAttributeNS(null,"xmlns","http://www.w3.org/2000/xmlns/");
textarea.textContent = "Text goes here.";
foreign.appendChild(textarea);
Это прекрасно работает в Chrome.Однако в Firefox я вообще не вижу текстовую область.Когда я проверяю с помощью Firebug, он существует, но Firefox принудительно установил статическое позиционирование на нем, и в зависимости от того, как я прокручиваю, подсвеченное поле не будет зависать над объектом на вкладке html, не обязательно даже внутри svg.Даже когда это так, я не вижу текстовую область.Что я могу сделать, чтобы исправить это в Firefox?Для справки я использую новейшие версии обоих браузеров (обновлено несколько часов назад).