Skip to content

Linear background not work in Preview / Publish #5088

@lucemia

Description

@lucemia

Bug Description

Page Linear background not work in Preview / Publish

In Editor

截圖 2020-11-02 下午12 08 01

In Preview

截圖 2020-11-02 下午12 09 10

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    AMP OutputIssues related to AMP output and validationGroup: WordPressChanges related to WordPress or Gutenberg integrationStatus: DuplicateThis issue or pull request already existsType: BugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions