Lightbox broken in webapp on Apple devices


Topic: Lightbox broken in webapp on Apple devices

seppob pro asked 6 years ago

Hi everybody, I have trouble with the following scenario: When I add my site as a webapp on a Apple device (add to homescreen) the lightbox doesn't work properly. It opens the image in a new tab instead of the lightbox and so my webapp is broken and I have to restart it. When I open the site in the normal way with Safari, everything works. Any idea why it doesn't work in a webapp? With Android everything works fine. I already took the lightbox code and wrote it hard in my site so it does not have to be loaded by jQuery's "load" function. Thanks for your feedback.

Marta Szymanska staff pro premium answered 6 years ago

Hi, could you paste here a link to your website? I'll check this and try to help you. Best, Marta

seppob pro commented 6 years ago

Hi Marta, thanks for your response. Unfortunately that's not possible because its a private website only for registered users. $(function () { $(document).find("#mdb-lightbox-ui").load("/mdb-addons/mdb-lightbox-ui.html"); }); That's loaded just before closing body tag. Before that I use the social newsfeed ike you show it here: https://mdbootstrap.com/sections/social/ >that's loaded by ajax In my version the images in the feed are clickable and open in a lightbox (except in iOS WebApp) Can I send you a PM? Would be possible to create an temporary account for you. Thanks!

Bartłomiej Malanowski staff pro premium commented 6 years ago

@seppod, please contact me at b.malanowski@mdbootstrap.com so I'll be able to check your issue. Please create a temporary account for us :)

seppob pro commented 6 years ago

Sent an email and the login :) Thanks for your help!

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No