If you start drawing an ellipse with segment/arc selected, it renders as circle rather than path and does not show up on browsers

Summary:

If you start drawing an ellipse with segment/arc selected, it renders as circle rather than path and does not show up on browsers

Steps to reproduce:

• clean config rm ~/.config/inkscape/preferences.xml
• open Inkscape
• hit E and draw an ellipse
• hit N and drag circular handle to make a segment/arc
• hit E and draw a second ellipse
• save the file

What happened?

On Inkscape, both ellipses show. Both are segments with the same angle, since the second one inherits the segment settings of the first one ("Switch to slice" on the toolbar).

The first ellipse shows on browsers (Chromium 85.0.4183.83, Firefox 93.0), but the second one doesn't. They render on SVG respectively as:

    <path
       style="fill:#ff0000;fill-rule:evenodd;stroke-width:0.264583"
       id="path10"
       sodipodi:type="arc"
       sodipodi:cx="110.14697"
       sodipodi:cy="77.67421"
       sodipodi:rx="54.620049"
       sodipodi:ry="53.979343"
       sodipodi:start="0"
       sodipodi:end="5.6532058"
       sodipodi:arc-type="slice"
       d="M 164.76702,77.67421 A 54.620049,53.979343 0 0 1 118.71383,130.98547 54.620049,53.979343 0 0 1 58.214255,94.397373 54.620049,53.979343 0 0 1 85.289383,29.608828 54.620049,53.979343 0 0 1 154.28213,45.873456 L 110.14697,77.67421 Z" />
    <circle
       style="fill:#ff0000;fill-rule:evenodd;stroke-width:0.264583"
       id="path12"
       sodipodi:type="arc"
       sodipodi:cx="115.90283"
       sodipodi:cy="210.748"
       sodipodi:rx="32.006649"
       sodipodi:ry="36.588139"
       sodipodi:start="0"
       sodipodi:end="5.6532087"
       sodipodi:arc-type="slice"
       d="m 147.90948,210.748 a 32.006649,36.588139 0 0 1 -26.9866,36.1353 32.006649,36.588139 0 0 1 -35.45197,-24.8001 32.006649,36.588139 0 0 1 15.86575,-43.91479 32.006649,36.588139 0 0 1 40.42887,11.02457 l -25.8627,21.55502 z" />

circle appears to be wrong, circle does not seem to have a d attribute. If I manually change circle to path with a text editor, the SVG shows correctly on the browser.

Full file:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="210mm"
   height="297mm"
   viewBox="0 0 210 297"
   version="1.1"
   id="svg8"
   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
   sodipodi:docname="tmp.svg">
  <defs
     id="defs2" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.35"
     inkscape:cx="400"
     inkscape:cy="560"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     inkscape:document-rotation="0"
     showgrid="false"
     inkscape:window-width="1514"
     inkscape:window-height="1016"
     inkscape:window-x="50"
     inkscape:window-y="27"
     inkscape:window-maximized="0" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1">
    <path
       style="fill:#ff0000;fill-rule:evenodd;stroke-width:0.264583"
       id="path10"
       sodipodi:type="arc"
       sodipodi:cx="110.14697"
       sodipodi:cy="77.67421"
       sodipodi:rx="54.620049"
       sodipodi:ry="53.979343"
       sodipodi:start="0"
       sodipodi:end="5.6532058"
       sodipodi:arc-type="slice"
       d="M 164.76702,77.67421 A 54.620049,53.979343 0 0 1 118.71383,130.98547 54.620049,53.979343 0 0 1 58.214255,94.397373 54.620049,53.979343 0 0 1 85.289383,29.608828 54.620049,53.979343 0 0 1 154.28213,45.873456 L 110.14697,77.67421 Z" />
    <circle
       style="fill:#ff0000;fill-rule:evenodd;stroke-width:0.264583"
       id="path12"
       sodipodi:type="arc"
       sodipodi:cx="115.90283"
       sodipodi:cy="210.748"
       sodipodi:rx="32.006649"
       sodipodi:ry="36.588139"
       sodipodi:start="0"
       sodipodi:end="5.6532087"
       sodipodi:arc-type="slice"
       d="m 147.90948,210.748 a 32.006649,36.588139 0 0 1 -26.9866,36.1353 32.006649,36.588139 0 0 1 -35.45197,-24.8001 32.006649,36.588139 0 0 1 15.86575,-43.91479 32.006649,36.588139 0 0 1 40.42887,11.02457 l -25.8627,21.55502 z" />
  </g>
</svg>

Inkscape UI screenshot:

browser screenshot:

What should have happened?

Both ellipses should show on the browser.

Sample attachments:

Version info

Inkscape version:

1.0.2 (e86c870879, 2021-01-15)

Ubuntu 21.04.