I’m using the s-page web component with breadcrumbs, and it works perfectly on desktop.
However, on mobile and tablet devices, the breadcrumbs do not work when clicking on them does nothing.
This issue makes navigation inconsistent across devices.
Issue Details:
Component: s-page (Polaris Web Component)
Feature: Breadcrumbs
Desktop: Working as expected
Mobile/Tablet: Breadcrumb clicks do not respond
Expected Behavior:
Breadcrumbs should be fully functional and clickable across all device types, including mobile and tablets.
Actual Behavior:
Breadcrumbs display on mobile and tablet devices but the click action does not trigger any navigation.
Steps to Reproduce:
Render the s-page component with breadcrumbs.
Open the page on desktop → breadcrumbs work correctly.
Open the same page on a mobile or tablet device.
Tap a breadcrumb link.
Observe that nothing happens.
Additional Notes:
Tested on multiple mobile and tablet devices.
No console errors appear.
Breadcrumb implementation follows the standard Polaris Web Component usage.
Could someone help determine whether this is a known issue or if there is a workaround for enabling breadcrumb interaction on mobile and tablet devices?
@Luke in my experience, tagging staff members is a good way to get posts noticed, and many of these bugs are quite serious, impacting apps with users in production. When I don’t tag anyone “when they get a chance” is often “basically never” without any feedback as to whether the post has been seen by anyone relevant.
Shopify are the ones insisting on using a forum for bug reporting. They are welcome to implement a proper solution and/or to respond in a timely way, even just to say a post has been read by staff, or logged internally, without being prodded. (Not to mention to allow versioning of the library so they don’t break things that are working, or to properly test their libraries in a production-relevant context to avoid many of these bugs in the first place.)
I dunno man, these are all people who has engaged with these topics.
Anyway, this is what it takes to get our apps unbroken by Shopify. When there’s a better way I’m all in. The whole idea that these forums are where bugs are reported and communicated seems to be against the community guidelines. But here we are.
RE: tagging staff, please continue to respect the community rules and resist tagging individuals. I understand sometimes there are critical issues where something requires urgent attention, and in those cases you can tag me.
I believe I’m encountering the same issue, and it’s one of the reasons our Built for Shopify submission was rejected. What is the best way to communicate to reviewers that this issue isn’t in our app itself?
In this case, I’m using the <TitleBar /> component from @shopify/app-bridge-react, and <button variant=”breadcrumb” /> doesn’t trigger onClick when the screen is “mobile-sized.” (though it does on desktop).
