Polaris Web components Banner Heading bug

Polaris
1

Hello there,

This is happening in admin UI polaris web components. When heading prop is preset, the child stack no longer can take full width, as a result justify space-between doesn’t work. If I remove heading prop it space-between works.

Side note, I’ve also tried adding s-box as a wrapper to all the child elements

<s-banner

          dismissible

          tone="info"

          heading="Max limit exceeded"

        >

          <s-stack

            direction="inline"

            alignItems="center"

            inlineSize="100%"

            justifyContent="space-between"

          >

            <s-paragraph>{MAX_SETS_MESSAGE}</s-paragraph>

            <s-button href="/pricing">Promote</s-button>

          </s-stack>

        </s-banner>
2

Thanks for this! We’re aware of this issue and I believe we have fix internally already. Hopefully we can get a release out soon

1 Like