Widget Display is Greyed-Out on Mobile

Using the m-layout-details-display widget, and on desktop it displays fine, it sort of fades in as the page loads. In Safari on iOS however, it’s stuck in its grey-out state…

In the html page I have

<div 
data-widget="m-layout-details-display"
data-network="1"
data-display-only="true"
data-address="0x10E27501D70fa361e2B18bAe0C28704C0ACb92d7"
data-id="2">
</div>

and in the head I have

<script async src="https://marketplace.manifoldxyz.dev/latest/marketplace.umd.min.js"></script>
<link rel="stylesheet" href="https://marketplace.manifoldxyz.dev/latest/marketplace.css" />

Have you tried adding the data prop:
data-fallback-provider to this and the connect widget?

For display only widgets it may need to load things from the chain.

Also, do you have a link to the integration we can check out?

In Safari on iOS however, it’s stuck in its grey-out state…

thank you for finding this issue. it’s where where the top portion cannot be interacted with right? it seems to be not limited to iOS – we will get on it and fix it asap.

Yes that’s right, the top portion cannot be interacted with, and is stuck in greyed-out state

I just tried adding the data-fallback-provider property, and as best as I can tell, that had no effect on the display in Safari on iOS…
https://www.mikeshupp.com/widget-test/

It’s a bug on our side for Safari in general. Will respond when fixed.

(btw, issue present on Chrome for iOS as well…)

hey @mikeshupp.eth! we found the issue and have patched it accordingly. Gallery/the marketplace data widgets should work as intended when loading video/audio tokens on iOS now. if it doesn’t work, you may have to disable cache to view the updated cdn. thanks again for bringing the issue to our attention :smile:

1 Like

Yes, working great now…!

1 Like