WIP: Components as Blocks: Custom width does not render well

Bugs
1

Browser: Chrome 141.0.7390.123
OS: Windows

Hi,

It seems similar to this report, t I used a basic text element in the component and set a custom width and height for it. But in Gutenberg, the custom width is ignored and replaced with auto.

Screenshot
Screenshot1560×780 57.1 KB

If the explanation is not enough, please view the following component as a block in Gutenberg. Loop index counter width not working as expected.

2

Hi @HOSEIN,

do you only see this issue in Gutenberg? If you add a component to the page via Bricks, and check it on the front end, is it working correctly there?

Because I can replicate it locally even without Gutenberg.

Best regards,
Matej

3

Hi @HOSEIN,

another update. Apparently I had cascade layers disabled. If I enable it, then I cannot replicate the issue anymore. Can you make sure that you have cascade layers disabled?

Thanks,
Matej

4

Hi @Matej,

do you only see this issue in Gutenberg? If you add a component to the page via Bricks, and check it on the front end, is it working correctly there?

Yes, the problem only exists in Gutenberg.

Can you make sure that you have cascade layers disabled?

I honestly don’t know if I should say active or inactive :joy: But it is active in practice.

Screenshot
Screenshot1200×133 6.15 KB

It seems that the problem is with the CSS loading method. There is no problem with the inline style. Do you confirm?

5

Hi @HOSEIN,

Ah yeah, my bad, sorry for confused text :slight_smile: The way you have it is the way it is suppose to be :wink:

Yes, now I can see the issue and I’ve recorded it in our internal bug tracker. Thank you so much!

Matej

1 Like