WAIT: Using clamp to define logo width and the builder is "jumping"

Bugs
1

Browser: 115.0.5790.114 (Official Build) (arm64)
OS: macOS
URL: https://discofever.co.uk

I’m using a clamp function to define my logo width so that it scales nicely through the breakpoints…

:root {
    // Globals
    --logo-width: clamp(15rem, 9.56vw + 11.941rem, 25rem);
}

I have set the “width” property of my logo (using an image element) to var(–logo-width) and I find that the builder is very jumpy. The logo jumps around in size for fractions of a second distorting the builder screen and it’s very off-putting.

Is this a bug or is there a better way of achieving what I want to do?

2

Hi Ian,

Thank you for your report. I’m unable to replicate the issue. What browser are you using, please?

Could you please share a screen recording of the issue?

It’s most likely a browser bug if I had to guess.

Best regards,
Charaf