biati-digital / glightbox

Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes
MIT License
2.07k stars 228 forks source link

I-Frame Description does not track (width/margins) with I-Frame Feature in Glightbox #331

Closed soupking closed 2 years ago

soupking commented 2 years ago

Describe the bug The I-Frame description when applied to an I-Frame object (whether it's used below of on the side of the iframe) window goes full length. It does not snap flush to the I-Frame object in question. The values for this I-Frame window's w/h are generated dynamically, so I can't source which CSS to mimic/match from the feature for the description below. The description sits below wider than the feature going full frame. I've tried to place CSS in the feature, but it doesn't scale like the I-Frame object window above. The image and video features work fine w/ description but the i-frame does not. Please see attached image for reference below.

I may have missed something, but I could not find anything that looked like a simple CSS attribute referencing ("desc_scale_to_flex" etc) that could be added from the API.

Thanks so much for reading.

Are you able to reproduce the bug in the demo site Yes|No. No - but I have attached a screen grab and zipped demo page below.

To Reproduce Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior The description CSS attributes in the template should match w/h and be scalable with the i-frame feature.

Post the code you are using http://axiom-media.com/test/glightbox_demo.zip

Screenshots http://axiom-media.com/test/glightbox-grab.png

Desktop:

Smartphone:

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.