Attach (recommended) or Link to PDF file here:
https://www.placementsmondiauxsunlife.com/content/dam/sunlife/regional/canada/documents/slgi/4839-I-F.pdf

Configuration:

- Web browser and its version: 91.0a1 (2021-07-03) (64-bit)
- Operating system and its version: Windows 10

Steps to reproduce the problem:
1. enableXfa = true
2. Open form

What is the expected behavior? (add screenshot)

![image](https://user-images.githubusercontent.com/7104454/124389449-1ede2b80-dcb5-11eb-98ba-01e1f3d6c6f5.png)


What went wrong? (add screenshot)

![image](https://user-images.githubusercontent.com/7104454/124389460-2c93b100-dcb5-11eb-9768-98ddd2c8f1e7.png)

constructor(attributes) {
    super(TEMPLATE_NS_ID, "rectangle",  true);
    this.hand = getStringOption(attributes.hand, ["even", "left", "right"]);
    this.id = attributes.id || "";
    this.use = attributes.use || "";
    this.usehref = attributes.usehref || "";
    this.corner = new XFAObjectArray(4);
    this.edge = new XFAObjectArray(4);
    this.fill = null;
  }
  [$toHTML]() {
    const edge = this.edge.children.length
      ? this.edge.children[0]
      : new Edge({});
    const edgeStyle = edge[$toStyle]();
    const style = Object.create(null);
    if (this.fill && this.fill.presence === "visible") {
      Object.assign(style, this.fill[$toStyle]());
    } else {
      style.fill = "transparent";
    }
    style.strokeWidth = measureToString(
      edge.presence === "visible" ? 2 * edge.thickness : 0
    );
    style.stroke = edgeStyle.color;
    const corner = this.corner.children.length
      ? this.corner.children[0]