ContextualSaveBar on a fullWidth Page

New Member
7 0 0

We are using the AppBridge ContextualSaveBar in a new embedded app.

On several pages we use the fullWidth Page attribute, this way there is more space available to edit all input fields. 

When the ContextualSaveBar pops up the content width of the ContextualSaveBar is not the same as the container width of the page content. Would it be possible to add a fullWidth option in the ContextualSaveBar?

0 Likes
Shopify Staff
Shopify Staff
373 50 57

Hey @Brecht,

 

Are you able to provide a screenshot?

0 Likes
Highlighted
New Member
7 0 0

Hi @scottydont 

 

I made a quick CodeSandbox demo with dummy copy.

For this example I'm using the Polaris ContextualSaveBar, but the layout is the same as with App Bridge in the Shopify admin.

https://codesandbox.io/s/festive-elion-ybi2x

 

 

Screenshot 2019-12-09 at 10.38.57.png

0 Likes
Shopify Staff
Shopify Staff
373 50 57

Thanks @Brecht! Super helpful. I see what you mean. I think this is by design, there's a max-width. Feel free to create an issue in the Polaris repo to discuss.

0 Likes
New Member
7 0 0

Hi @scottydont,

 

I created an issue in the repo back then as you suggested.

https://github.com/Shopify/polaris-react/issues/2533

 

Hope that I will get a response :)

 

Thanks for your help.

 

 

0 Likes