Next.js Discord

Discord Forum

Image not spanning full width in Safari & Firefox but fine in Chrome

Unanswered
West African Lion posted this in #help-forum
Open in Discord
Avatar
West African LionOP
I've gone into Firefox's inspector and the image content (blue overlay) seems to be taking up the full width, but the image (SVG) isn't for some reason.

I tried looking at the attributes and comparing it to Chrome, but I couldn't see any issues.

Any help would be greatly appreciated!
Image

10 Replies

Avatar
Masai Lion
mind to share the code?
Avatar
West African LionOP
I can't do that due to an NDA, but I can try making a simple recreation
Avatar
West African LionOP
Really struggling to reproduce this issue
Anytime I do, I think I know why, go back to test, and nothing is solved
Avatar
West African LionOP
I finally did it! I think
https://github.com/EladKarni/full-width-example
Try this repo and let me know if you can see the issue between Firefox and Chrome
Firefox
Image
Chrome
Image
This is the best I could do to reproduce it @Masai Lion
Image