search

directus-labs / agency-os

The open source operating system for digital agencies. Built with Directus and Nuxt.
https://agencyos.dev
MIT License
604 stars 117 forks source link

Image Outline Issue on Initial Load in `block_columns` Component #101

Closed Abdallah-Awwad closed 3 months ago

Abdallah-Awwad commented 4 months ago

Description:

I'm encountering an issue with the block_columns component in the AgencyOS template where an outline of a rectangle larger than the image appears when loading the image for the first time. This rectangle outline resizes correctly to match the image size after refreshing the page.

Steps to reproduce:

  1. Open AgencyOS frontend and scroll until you see the block_columns component for the first time.

image

  1. Observe the outline of a rectangle larger than the image.
  2. Refresh the page.
  3. Notice that the rectangle outline resizes to match the image size correctly.

image

Expected Behavior:

The rectangle outline should match the image size on the first load without needing to refresh the page.