SOLVED: Img element: Cannot set object-fit position on ID if object-fit is set by class

Bugs
1

Browser: Chrome 113.0.5672.126 (Official Build) (64-bit)
OS: Linux Mint 21.1
URL: Link to a page that illustrates this issue
Video: Bricks: Object Position doesn't work at ID level with object-fit set by class - YouTube

Steps to Reproduce:

  1. Make a section with 2 columns
  2. Set “Stretch” on align cross axis in the container so the cols will always be equal height
  3. Paste a whole bunch of text into the right column
  4. Add an image to the left column and give that col position: relative;
  5. Give the image a class like .object-fit-img
  6. Set these properties: object-fit: cover; width: 100%; height: 100%; position: absolute;
  7. Lock the class for good measure
    7a. Now you have an image that will always scale to the same height as the neighbouring column
  8. Deselect the class
  9. Attempt to set object position at ID level

The object position field only appears when object fit is set. This means we can’t set an object position for individual images when object fit is set via class.

2

Hi Matt,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker.

Best regards,
timmse

3

Hi Matt,

With Bricks 1.8 beta 3, now available as a manual download in your account, the object-position field is visible all the time.

As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.

4

Confirmed! Thank you kindly.