Linear background not work in Preview / Publish

[lucemia]

Bug Description

Page Linear background not work in Preview / Publish

In Editor

In Preview

Expected Behaviour

Linear background should work

Steps to Reproduce

1. Set page background to linear
2. Press Preview or Publish

{
  "current": "6a5631c5-b964-4940-9732-8412c283b580",
  "selection": [
    "238c96fd-20ba-43f5-b05c-6332f888947f"
  ],
  "story": {
    "stylePresets": {
      "textStyles": [],
      "colors": [
        {
          "color": {
            "r": 44,
            "g": 43,
            "b": 49
          }
        },
        {
          "color": {
            "r": 0,
            "g": 0,
            "b": 0
          }
        },
        {
          "color": {
            "r": 184,
            "g": 47,
            "b": 38
          }
        },
        {
          "color": {
            "r": 255,
            "g": 255,
            "b": 255
          }
        },
        {
          "color": {
            "r": 87,
            "g": 41,
            "b": 1,
            "a": 0.5
          }
        },
        {
          "color": {
            "r": 182,
            "g": 201,
            "b": 224,
            "a": 0.02
          }
        },
        {
          "type": "linear",
          "stops": [
            {
              "color": {
                "r": 9,
                "g": 36,
                "b": 56
              },
              "position": 0
            },
            {
              "color": {
                "r": 9,
                "g": 36,
                "b": 56,
                "a": 0.07
              },
              "position": 0.8193
            }
          ],
          "rotation": 0.5
        },
        {
          "color": {
            "r": 9,
            "g": 36,
            "b": 56,
            "a": 0.5
          }
        },
        {
          "color": {
            "r": 30,
            "g": 12,
            "b": 154
          }
        }
      ]
    }
  },
  "version": 24,
  "pages": [
    {
      "elements": [
        {
          "opacity": 100,
          "flip": {
            "vertical": false,
            "horizontal": false
          },
          "rotationAngle": 0,
          "lockAspectRatio": true,
          "backgroundColor": {
            "color": {
              "r": 255,
              "g": 255,
              "b": 255
            }
          },
          "x": 1,
          "y": 1,
          "width": 1,
          "height": 1,
          "mask": {
            "type": "rectangle"
          },
          "isBackground": true,
          "isDefaultBackground": true,
          "type": "shape",
          "id": "238c96fd-20ba-43f5-b05c-6332f888947f"
        }
      ],
      "backgroundColor": {
        "type": "linear",
        "stops": [
          {
            "color": {
              "r": 110,
              "g": 65,
              "b": 65
            },
            "position": 0.2417
          },
          {
            "color": {
              "r": 241,
              "g": 230,
              "b": 230
            },
            "position": 0.805
          }
        ],
        "rotation": 0.5
      },
      "type": "page",
      "id": "6a5631c5-b964-4940-9732-8412c283b580"
    }
  ]
}

Screenshots

Additional Context

• Plugin Version: 1.1
• Operating System: MacOS 10.15.7
• Browser: Chrome

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance Criteria

Implementation Brief

[swissspidy]

Thanks a lot for your detailed report!

We're aware of this issue and tracking it in #5081, with a fix being worked on in #5082.

As a workaround you could download and install this development version

Closing this ticket as a duplicate. Feel free to leave comments on either of the above pages if it doesn't work as expected.