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

3

So, was this solved?

Super hard to tell, since there are no changelogs :slight_smile:

4

We are publishing changelogs as new versions go out; call us out if we fail to do so! You can find them here Topics tagged changelog

5

Okay!
”@GovRayt/polaris-types” (v1.0.6) contains “custom-elements-json”, but there’s not mention of it in the changelogs.

https://www.npmjs.com/package/@shopify/polaris-types?activeTab=code

6

Also, I didn’t find this specific issue in the changelogs I could find in the forums, so it’s probably not fixed. No way to know.