Svg texpath disappears in firefox when you change pointer events
Categories
(Core :: SVG, defect)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox87 | --- | fixed |
People
(Reporter: morph81, Assigned: longsonr)
References
Details
Attachments
(2 files, 1 obsolete file)
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36
Steps to reproduce:
<div id="frame-5416779E-782A-462E-AEC1-2FBCA08DAF42">
<svg style="width: 437.953px; height: 45.7323px; overflow:visible;" viewBox="0 0 437.9527559055118 45.73228346456693">
<text width="100%" height="100%">
<textPath width="100%" height="100%" href="#00d08f3b-2fa0-485e-acb6-f59b8384bbd4">
<tspan xmlns="http://ns.adobe.com/textLayout/2008" color="#b49d5b" fontsize="11">TEST</tspan>
</textPath>
</text>
<path id="00d08f3b-2fa0-485e-acb6-f59b8384bbd4" d="M0 10 L 100 10" stroke="transparent" stroke-width="0px" fill="transparent"></path>
</svg>
</div>
document.getElementById('frame-5416779E-782A-462E-AEC1-2FBCA08DAF42').onmouseover = function(){
this.style.pointerEvents = 'all';
};
Actual results:
If you hover "TEST" pointer events are added and the text disappears.
if you go to element inspector and toggle the overflow css of the svg, it magicly reappears.
Expected results:
Test should stay visible with correct pointer events
|
Assignee | |
Updated•4 years ago
|
| Comment hidden (obsolete) |
|
|
Assignee | |
Updated•4 years ago
|
|
|
Assignee | |
Comment 2•4 years ago
|
||
|
|
Assignee | |
Comment 3•4 years ago
|
||
|
|
Assignee | |
Updated•4 years ago
|
|
|
Assignee | |
Comment 4•4 years ago
|
||
|
|
Assignee | |
Comment 5•4 years ago
|
||
|
|
Assignee | |
Comment 6•4 years ago
|
||
|
|
Assignee | |
Updated•4 years ago
|
|
||
Comment 8•4 years ago
|
||
| bugherder | ||
Description
•