nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Bug: 4.26 SimpleLineSymbol is drawn despite setting style to none

mattheol

I have a polygon graphic with SimpleFillSymbol, which has SimpleLineSymbol as outline with style set to 'none'.

According to api docs SimpleLineSymbol with style "none" means that line has no symbol. https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html#style

Despite that fill outline is still drawn like for a style 'solid'.

Codepen sample: https://codepen.io/mateusz-olsztyski/pen/NWOxrvE

Find more posts tagged with

Accepted answers

UndralBatsukh

Hi there,

This issue will be fixed at version 4.27. You can test the fix by pointing your codepen to our next version.

All comments

UndralBatsukh

Hi there,

This issue will be fixed at version 4.27. You can test the fix by pointing your codepen to our next version.

JoelBennett

This problem has existed since 4.22 and lies in the esri/symbols/cim/CIMSymbolHelper module, particularly in the fromSimpleFillSymbol function:

        d.fromSimpleFillSymbol = function(a) {
            const {color: c, style: b, outline: e} = a;
            a = [];
            const g = {
                type: "CIMPolygonSymbol",
                symbolLayers: a
            };
            var f = null;
            if (e) {
                const {cap: k, join: l, style: h} = e;
                "solid" !== h && "none" !== h && "esriSLSSolid" !== h && "esriSLSNull" !== h && (f = [{
                    type: "CIMGeometricEffectDashes",
                    dashTemplate: R(h, k),
                    lineDashEnding: "NoConstraint",
                    scaleDash: !0,
                    offsetAlongLine: null
                }]);
                a.push({
                    type: "CIMSolidStroke",
                    color: u(e.color),
                    capStyle: P(k),
                    joinStyle: Q(l),
                    miterLimit: e.miterLimit,
                    width: e.width,
                    effects: f
                })
            }
            //etc
        };

The problem lies with line 9 of what's shown above; it should instead be something like:

            if ((e) && (e.style != "none") && (e.style != "esriSLSNull")) {

Until this is fixed, the style "none" for SimpleFillSymbol outlines will be ignored. Another workaround, in addition to the one Undral mentioned, is to set your line symbol's opacity to zero (see line 7 below):

  const fillSymbol = {
    type: "simple-fill",
    color: [227, 139, 79, 1],
    outline: {
      type: "simple-line",
      style: "none",
      color: [255,0,0,0],
      width: 5
    }
  };

UndralBatsukh

Hi there,

We will look into this issue. You can use set the outline to be null as shown below and it will work.

  const fillSymbol = {
    type: "simple-fill",
    color: [227, 139, 79, 1],
    outline: null
  };

Thanks,

-Undral

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.