DID NOT WROK AFTER UPDATE

[XXJNOTFOUND]

Before updating Flarum to 1.8.11 and this plugin to 2.3.0, everything worked fine.

However, after upgrading to PHP 8.2.28 (from PHP 8) and performing all updates, this plugin became ineffective and no longer functions.

I noticed Composer states this plugin has been abandoned. Is this true?

[iamdarkle]

Hi, I moved the namespace (flectar), so the previous one now appears as abandoned (though it can still be used).
Please, if possible, test the fix I’m working on, you can try it by running:

composer require flectar/flarum-fancybox:dev-fix

Let me know if it works!

[XXJNOTFOUND]

I uninstalled the original fancybox
And installed composer require flectar/flarum-fancybox:dev-fix

Everything is normal and can be used!

add: It seems to have a slight issue, the image will expand on the homepage.
(as screenshot)

[XXJNOTFOUND]

I uninstalled the original fancybox
And installed composer require flectar/flarum-fancybox:dev-fix

Everything is normal and can be used!

add: It seems to have a slight issue, the image will expand on the homepage.
(as screenshot)

same on PC

[iamdarkle]

I assume you are using the synopsis extension. Do you have a link to the forum?

[XXJNOTFOUND]

I assume you are using the synopsis extension.

No i did not
I closed all my themes and cleared the cache

my site：https://bbs.wtfxxjr.top/

[iamdarkle]

I've just updated the branch, to update, use the same command. I added an option in the admin panel, make sure it's disabled to prevent it from showing in the discussion list. Then verify that all your galleries and standalone images are working correctly, hope it works!

composer require flectar/flarum-fancybox:dev-fix

[linkrobins]

@iamdarkle I can attest that I have had that issue on my site until I disabled the extension. I thought it may have been because I have the Pixel Fold and my screen size is different. Seeing @XXJNOTFOUND mention it as well, I know it's not the case now.
There is a toggle in the extension page to allow fancybox to load in the discussion list. It's cool and I prefer it over Synposis, but if we can get the image issue resolved that would be great. I can install the extension again and maybe manipulate the CSS perhaps.

Update: I have found the issue.

Update 2: I have applied the following CSS to remedy it. (Mobile and Desktop)

.item-excerpt {
  max-width: 100% !important;
  overflow: hidden !important;
}
.item-excerpt .fancybox-ready, 
.item-excerpt .fancybox-gallery {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.item-excerpt .fancybox-ready img, 
.item-excerpt .fancybox-gallery img {
  width: 100% !important;
  max-width: 100% !important;
  height: 600px !important; /* Your desired height */
  object-fit: cover !important; /* Keeps the image from looking squished */
  border-radius: 4px !important;
  display: block !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  .item-excerpt .fancybox-ready img, 
  .item-excerpt .fancybox-gallery img {
    height: 250px !important; /* Reduces height on mobile so it stays in the frame */
  }
}

[XXJNOTFOUND]

我刚刚更新了分支,需要更新,使用相同的命令。我在管理面板中添加了一个选项,确保其已禁用,以防止其显示在讨论列表中。然后确认所有画廊和独立图像是否正常工作,希望它能正常工作!

composer require flectar/flarum-fancybox:dev-fix

I updated the plugin and found the issue has been resolved (disabling “Enable Fancybox in Discussion List Excerpts”).
No additional problems have been encountered so far.
You may now proceed with the fix based on @linkrobins ‘s comment.
Thank you!

[iamdarkle]

@iamdarkle I can attest that I have had that issue on my site until I disabled the extension. I thought it may have been because I have the Pixel Fold and my screen size is different. Seeing @XXJNOTFOUND mention it as well, I know it's not the case now. There is a toggle in the extension page to allow fancybox to load in the discussion list. It's cool and I prefer it over Synposis, but if we can get the image issue resolved that would be great. I can install the extension again and maybe manipulate the CSS perhaps.

Update: I have found the issue.

Update 2: I have applied the following CSS to remedy it. (Mobile and Desktop)

.item-excerpt {
  max-width: 100% !important;
  overflow: hidden !important;
}
.item-excerpt .fancybox-ready, 
.item-excerpt .fancybox-gallery {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.item-excerpt .fancybox-ready img, 
.item-excerpt .fancybox-gallery img {
  width: 100% !important;
  max-width: 100% !important;
  height: 600px !important; /* Your desired height */
  object-fit: cover !important; /* Keeps the image from looking squished */
  border-radius: 4px !important;
  display: block !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  .item-excerpt .fancybox-ready img, 
  .item-excerpt .fancybox-gallery img {
    height: 250px !important; /* Reduces height on mobile so it stays in the frame */
  }
}

About the image problem, are you referring to the distorted size or something else? I see it’s cropped, but is there anything more?

[iamdarkle]

我刚刚更新了分支,需要更新,使用相同的命令。我在管理面板中添加了一个选项,确保其已禁用,以防止其显示在讨论列表中。然后确认所有画廊和独立图像是否正常工作,希望它能正常工作!

composer require flectar/flarum-fancybox:dev-fix

I updated the plugin and found the issue has been resolved (disabling “Enable Fancybox in Discussion List Excerpts”). No additional problems have been encountered so far. You may now proceed with the fix based on @linkrobins ‘s comment. Thank you!

Great to hear! For now, you can stay on the dev-fix branch, once I release the version, I’ll let you know and close the issue.

[linkrobins]

@iamdarkle I can attest that I have had that issue on my site until I disabled the extension. I thought it may have been because I have the Pixel Fold and my screen size is different. Seeing @XXJNOTFOUND mention it as well, I know it's not the case now. There is a toggle in the extension page to allow fancybox to load in the discussion list. It's cool and I prefer it over Synposis, but if we can get the image issue resolved that would be great. I can install the extension again and maybe manipulate the CSS perhaps.
Update: I have found the issue.
Update 2: I have applied the following CSS to remedy it. (Mobile and Desktop)

.item-excerpt {
  max-width: 100% !important;
  overflow: hidden !important;
}
.item-excerpt .fancybox-ready, 
.item-excerpt .fancybox-gallery {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.item-excerpt .fancybox-ready img, 
.item-excerpt .fancybox-gallery img {
  width: 100% !important;
  max-width: 100% !important;
  height: 600px !important; /* Your desired height */
  object-fit: cover !important; /* Keeps the image from looking squished */
  border-radius: 4px !important;
  display: block !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  .item-excerpt .fancybox-ready img, 
  .item-excerpt .fancybox-gallery img {
    height: 250px !important; /* Reduces height on mobile so it stays in the frame */
  }
}

About the image problem, are you referring to the distorted size or something else? I see it’s cropped, but is there anything more?

It's cropped and bleeds away from the Flarum UI. It does not look professional as is. My CSS edit can be applied and override the current behavior to format better in both Desktop and Mobile. I have since then disabled Fancybox. Would like that theme though.