Bug Grid Widget

[Dnsftl]

Bug
Grid widget --> Template --> Two and Jollyany

Bug Description:

When you set the layout of the images in the image options to "image overlay," the images are placed directly on the header. Only the bottom three images are fully visible, while the top three are partially hidden. The 100px top margin is ignored, and the widget is not displayed in the correct position. When you switch the layout back to "classic," the images are correctly positioned with a 100px margin at the top.

Steps to Reproduce:

Go to the template: Two or Jollyany
Navigate to Sub Layouts --> [name of sublayout]
Go to the Grid widget --> Image Options --> Choose Layout
Toggle between "classic" and "image overlay" and observe the difference on the front end.

Expected Behavior:
The widget should remain in the same position as with the classic layout, displaying all images.

Screenshots:

System Information:

Joomla Version: 5.2.0
PHP Version: 8.3
Astroid Version: 3.1.6
Device: Laptop
Operating System: Windows 11
Browsers: Chrome, Firefox, Edge

Regards,

Dennis

[sonvnn]

@Dnsftl Thank you for report bugs. I fixed this issue at eadf01c

Please help me check it.
Best regards,
Sonny

[Dnsftl]

Hi Sonny,
do you have the correct download link for me, or could you let me know where I can find it? Thanks in advance!

[Dnsftl]

@sonvnn,

The bug in the grid widget has been fixed, it works fine now.

Regards,

Dennis

[Dnsftl]

@sonvnn,

There still appears to be a bug in the grid widget in version v3.1.7-rc4

The same problem as above repeats itself if you enable 'Enable image cover', in this case it does not matter whether 'Choose Layout' is set to classic or image overlay. The same problem also occurs in template two

if you turn off 'Enable image cover' then it is as it should be.

Screenshots

Front:

'Enable image cover' disabled

Regards,

Dennis

[sonvnn]

I am sorry. But I can not reproduce your issue. I saw your website is still good here

[Dnsftl]

@sonvnn
It is true that it is not visible to you now. I had turned off Enable Image Cover. Now it's enabled again and you can see that the bug is still there.