Skip to content

[polaris.shopify.com] Fix editPageLinkPath to include leading slash for correct URL generation #13982

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

SMAKSS
Copy link
Contributor

@SMAKSS SMAKSS commented Aug 9, 2025

WHY are these changes introduced?

Fixes #8669 and addresses side effects of #11113

WHAT is this pull request doing?

  • Fix the 'Edit this page' reference link.

🎩 checklist

themarkappleby and others added 2 commits August 6, 2025 14:51
<!--
  ☝️How to write a good PR title:
- Prefix it with [ComponentName] (if applicable), for example: [Button]
  - Start with a verb, for example: Add, Delete, Improve, Fix…
  - Give as much context as necessary and as little as possible
  - Open it as a draft if it’s a work in progress
-->

### WHY are these changes introduced?

1.
[PageActions](https://polaris-react.shopify.com/components/actions/page-actions)
are a legacy UX solution. Page actions should instead be presented via
the [contextual save
bar](https://shopify.dev/docs/api/app-bridge-library/apis/save-bar) (in
the case of Save) OR via the [Polaris
Page](https://polaris-react.shopify.com/components/layout-and-structure/page)
action props (i.e. `primaryAction`, `secondaryActions`, `actionGroups`).
2.
[FullscreenBar](https://polaris-react.shopify.com/components/navigation/fullscreen-bar)
is a legacy UX solution. Instead [max variant
modals](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-modal)
should be used in combination with the
[SaveBar](https://shopify.dev/docs/api/app-bridge-library/apis/save-bar)
and
[TitleBar](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-title-bar).

The [App Design
Guidelines](https://shopify.dev/docs/apps/design/app-structure)
explicitly state not to use FullscreenBar.

<img width="840" height="324" alt="01-40-tyci1-sxt9y"
src="https://github.com/user-attachments/assets/66ad93f8-9c08-44bc-8eba-03888ff834f6"
/>

Built for Shopify requirement
[4.1.6](https://shopify.dev/docs/apps/launch/built-for-shopify/requirements#use-modals-appropriately),
lists using FullscreenBar as a failure example.
 
<img width="910" height="824" alt="01-43-t7px5-mzkqr"
src="https://github.com/user-attachments/assets/503c87b1-910b-4003-a821-4b67b20a597d"
/>

<!--
  Context about the problem that’s being addressed.
-->

### WHAT is this pull request doing?

This PR moves both the `PageActions` and `FullscreenBar` components to
the Deprecated section in the nav. It also displays a "Deprecated"
banner on both of the component pages.

<img width="1305" height="875" alt="01-59-c5awl-pclmj"
src="https://github.com/user-attachments/assets/c5edc48b-aa77-4e33-ba95-a30c286308d0"
/>

<img width="1307" height="823" alt="01-58-qmsur-50290"
src="https://github.com/user-attachments/assets/539050a1-89f3-4269-bd87-b8292e480bca"
/>

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#install-dependencies-and-build-workspaces)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [x] Tested a
[snapshot](https://github.com/Shopify/polaris/blob/main/documentation/Releasing.md#-snapshot-releases)
- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [x] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [x] Updated the component's `README.md` with documentation changes
- [x] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[polaris.shopify.com] Missing a / in the link to edit docs page
2 participants