In our existing custom POS extension built with the older UI components, we use api.action.presentModal() to display a modal without a close icon.
This allows us to prevent staff accounts created directly in Shopify POS from continuing if the staff member is not found in our Workday employee profile.
We are currently migrating all our extensions to Polaris components. However, the Polaris modal component does not appear to provide an option to hide or disable the close button.
Could you please confirm whether there is a supported way to create a non-dismissible modal using Polaris components?
We are attaching screenshots of the existing implementation and the Polaris modal for reference.
This is Aaron from the Retail Team here at Shopify!
Thank you so much for sharing your question with the Shopify Community, and including the screenshots as well!
Given that you are a Shopify Partner, we would recommend referring to our Getting support as a Shopify Partner resource to get the needed support regarding this matter.
Based on the information that I found regarding this matter, with the current Polaris components for POS UI extensions, the modal shown by presentModal() always includes a built-in close/back control in its header, and there isn’t a supported option to hide or disable it. This differs from the older UI components, which could render the modal without that control. So at the moment there’s no supported way to build a fully non-dismissible modal using Polaris components.
If a non-dismissible modal is important to your workflow, we’d suggest enforcing your staff check at the action level (for example, blocking the operation itself) rather than relying on keeping the modal open.
However, please do reach out to our Partner Support channel and we would be more than happy to take a look into this further.
