Shopify Polaris component border hidden sometimes

[darkhorse-dev]

Shopify Polaris component border hidden

[AndrewMusgrave]

@akex0721 Thanks for bringing this to our attention. Would you mind posting a code example so I can reproduce this?

[darkhorse-dev]

<Modal.Body margin>
          <div>
            <Select
              label='Hours'
              options={[
                {
                  label: '1 hour - $65',
                  value: 65
                },
                {
                  label: '2 hour - $130',
                  value: 130
                }
              ]}
              value='1 hour - $65'
            />
            <p style={{color: '#919EAB', fontSize: '12px', lineHeight: '16px', margin: '8px 0px 16px'}}>You will receive: ${48.75}</p>
          </div>
          <div>
            <Select
              label='Estimated turnaround time'
              options={[
                {
                  label: '1 day',
                  value: 1
                },
                {
                  label: '2 days',
                  value: 2
                }
              ]}
              placeholder='Choose number of days'
              value='1 day'
            />
          </div>
        </Modal.Body>

[darkhorse-dev]

@AndrewMusgrave

[AndrewMusgrave]

@akex0721 I can't seem to recreate this. If you wouldn't mind would I be able to get more information. For example: version of polaris, browser, platform, and browser zoom.

Is it possible that you've using another framework that may be overriding styles from polaris?

[eugene-zheng0208]

Hey, @AndrewMusgrave , thanks for your consideration

version of polaris: 1.9.1
browser: latest Google Chrome
platform: Ubuntu 16.04

I am using it for React(16.2.0) project

[AndrewMusgrave]

I still can't to reproduce this. Can you consistently reproduce this, possibly without the modal?

[chloerice]

Hi @eugene-zheng0208, have you tried upgrading to the latest stable version of Polaris (1.14.1)? Since you're already using React 16, you can upgrade to the version 2.0.0 beta as well.

[ry5n]

Polaris version 2.x is out of beta and I’d encourage upgrading. If you still see the problem please re-open the issue. Thanks!

[brightraudona]

is there a solution?