WIP: Minor issue in block element align self control

Browser: Chrome 149.0.7827.197
OS: Windows

Hi Team,

As you can see in the video below (33 seconds), every time I click the stretch option in the Align self control, the icons reverse direction and quickly return to their original position. This is a very minor issue that does not cause any problems in the workflow. But the second thing that I am not sure if it is a bug or a normal behavior is that by enabling stretch in this scenario, the block is stretched in both width and height. Is this normal behavior? Because I expected it to stretch only in height.

Thank you

Hi Hosein,

Thanks for the report. I was able to replicate both issues and created separate internal tasks for them:

  1. The Align self control icons briefly flicker/reverse direction when selecting the stretch option.
  2. The Block element stretches in both dimensions when Align self is set to stretch.

For the second issue: when align-self: stretch is selected, Bricks currently also outputs width: 100% automatically for that element. So if the element already has a custom width, for example width: 15%, the generated width: 100% comes later in the CSS and overrides it.

As a temporary workaround, you can set the custom width with !important. This should preserve the intended width until we address the underlying behavior.

Thanks again and we will let you know once one or another issue is addressed.

Thanks,
Matej

1 Like