Closed perrupa closed 1 week ago
We tried to force this pre-render collapse by putting our secondary actions in a "more actions" actionGroup which worked!
However opening the actionGroup triggers another collapse 🤣
Another example of inconsistent collapsing
https://github.com/Shopify/polaris/assets/1577452/714d4b20-70fa-4403-b697-12944fcebf91
Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.
If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.
Issue summary
Page actions don't collapse into "More actions" on initial render. This is causing layout issues when a page has many actions.
If a re-render is triggered (e.g. by a resize), the component collapses the actions into "more actions" as expected.
Expected behavior
Component will render and hide actions in
more items
if there is not enough room.Actual behavior
The component doesn't collapse the actions until the browser window is resized or a state-change triggers a re-render.
Steps to reproduce the problem
Reduced test case
TODO: I tihnk the app details example in web is pretty straight-forward, but I can put this together later when I have more time if helpful 👌
Specifications
Related issues