Hi everyone,
I’m seeing what looks like a regression in the App Bridge Resource Picker UI and wanted to know if anyone else has hit this - or if Shopify is already aware.
Setup
-
@shopify/app-bridge 3.7.10
-
@shopify/app-bridge-react 4.1.2
-
Using the window.shopify.resourcePicker API introduced in App Bridge v4
Picker invocation:
const selectionIds = [
{id: 'gid://shopify/Product/9400871682377'},
{id: 'gid://shopify/Product/9400871354697'},
];
const selected = await shopify.resourcePicker({
type: 'product',
multiple: true,
selectionIds,
});
This matches the docs’ guidance for preselecting resources (selectionIds: < Resource Picker >).
Expected
When the picker opens, those two products should appear visually selected (checked) the way they always have.
Actual
-
The footer immediately says “2 products selected”.
-
In the main list, every checkbox is empty—no highlight or tick mark.
-
If I click one of those preselected rows, the footer count drops to “1” but the checkbox still looks empty. Clicking it again bumps the count back to “2” and only then does the checkbox fill in. So the picker clearly knows it was selected before the first click; it’s just not rendering the check state on load.
Questions
-
Is this an intentional redesign?
-
If it is, what’s the recommended way to communicate preselected state to merchants?
-
If not, could this be a regression in the latest App Bridge release?
Screenshots attached showing the empty checkboxes plus the “1 products selected” footer. Happy to provide more details or test a fix - this change is confusing our customers right now.
Thanks!