Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Setting height and width on Images seem's like not working #60

Open
VladSez opened this issue Jul 12, 2020 · 1 comment
Open

Setting height and width on Images seem's like not working #60

VladSez opened this issue Jul 12, 2020 · 1 comment

Comments

@VladSez
Copy link

VladSez commented Jul 12, 2020

Can i somehow remove layout shift which is happening when the image is loading?

image

image

This is my code:
<Image src="CV.png" width="765" height="1400" class="cv" />
:global(.cv) { width: 100%; height: auto; }

That's can be the issue whatwg/html#4968

@dikaio
Copy link
Contributor

dikaio commented Jul 14, 2020

I'm actually also curious about this. I haven't had a chance to use this repository but @VladSez the layout shift would be coming from the placeholder to image change, the sizes would need to be set there to avoid the CLS. Would love to see how this implemented.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants