Hi,
we have several apps for which we enabled Embedded Settings , my app admin pages are now embedded in shopify admin. I have loaded all the modal popup using "ShopifyApp.Modal.open" function. Everything was working fine, the modals were loading at center of the div. But last few hours we are facing the problem as mentioned in the subject. Its happening for all our apps.
We think its happening due to some changes made in shopify core api. We found following css has the problem:
.modal.large-modal {
margin-left: -490px;
width: 980px;
}
this css is applied by the API on the modal div under which the iframe (with the app page content) is loaded. If you remove the margin ("margin-left: -490px;") then the modal shows at the center of the screen.
Many stores (who are using our apps) are complaining about this issue. So, please let us know what should we do to fix it asap.