Shopify Checkout extension - ScrollView inside Modal

Shopify Checkout extension - ScrollView inside Modal

armasm
Visitor
1 0 0

Hello.

We're implementing Shopify Checkout extension that uses purchase.checkout.shipping-option-item.render-after shipping target (Link to documentation).

However, we're having problems.


We're trying to fit ScrollView component into Modal on the target mentioned above. We're expecting ScrollView to fit contents of the modal vertically, and ChoiceList to be scrollable within given height when ChoiceList contains many items.
That means Modal stays still (controls and title are always visible), and all Choices are scrollable without scrolling Modal itself.

Simplified code example:

<Modal>
<ScrollView maxBlockSize="fill">
<ChoiceList>
<Choice></Choice>
<Choice></Choice>
/** ...many Choice instances... */
</ChoiceList>
</ScrollView>
</Modal>

Currently scrollview takes whole modal, which makes Modal scrollable, but not ScrollView itself.

Solutions provided by support via e-mail aren't valid (they look like are generated via AI), they recommended to use attributes which aren't available in Shopify Apps:

<ScrollView style={{ maxHeight: '50vh', overflowY: 'auto' }}>

After a few e-mail they said about forums, so we're asking here now.

Can anyone provide solution for this problem?

Replies 0 (0)