[BUG] SfComponentSelect doens't work inside ContentPages on Mobile
InnaBoitsun opened this issue · 0 comments
Describe the bug
The form with SfComponentSelect inside the ContentPages component will not work on Mobile view.
How to reproduce
Steps to reproduce the behavior:
- Mobile view, Go to My Account page example - > Shipping Details
- Click the Change button for some address
- Locate the Country field and try to select country
Expected behavior
It is possible to select the Country, options are present
Actual behavior
- Dropdown with options is absent
Code examples
My Account page example - address form https://docs.storefrontui.io/?path=/docs/components-pages-myaccount--my-account
Additional context
For mobile view the overlay with options should be visible. Overlay has position: fixed.
Based on docs here https://developer.mozilla.org/en-US/docs/Web/CSS/position ,
Fixed is positioned relative to the initial [containing block] established by the [viewport] except when one of its ancestors has a transform, perspective, or filter property set to something other than none. I investigated Content Pages and they have a transform set, so probably it doesn't work because of this.