Skip to content

Stack Component Rendering Incorrectly #234

@rlpool06

Description

@rlpool06

Describe the bug
The Stack component renders horizontally in production and vertically in local development.

To Reproduce
Steps to reproduce the behavior:

  1. Create a Stack component with three divs inside. Styling props include mt={8} and gap="24px"
  2. Check component in local development, should render as vertical
  3. Check staging/production for same vertical orientation. Currently, it is rendering without the gap prop and is display: flex, causing it to be horizontal orientation.

Expected behavior
Expected behavior is the Stack component would be in a column with the gap prop applied.

Screenshots
Screen Shot 2023-01-25 at 8 46 07 AM
Screen Shot 2023-01-25 at 8 45 49 AM

Desktop (please complete the following information):

  • OS: macOS 11.3.1
  • Browser: Chrome
  • Version: 108.0.5359.124

Additional context
Page with Stack component is supposed to render after form is complete. Bug seems to only happen in production if the /thankyou page is visited directly.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions