Edge Canary padding problem

%3CLINGO-SUB%20id%3D%22lingo-sub-2820826%22%20slang%3D%22de-DE%22%3EEdge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2820826%22%20slang%3D%22de-DE%22%3E%3CP%3EHello%20there!%3C%2FP%3E%3CP%3EI%20am%20not%20sure%20if%20this%20is%20a%20known%20bug%20or%20some%20setting%20on%20my%20browser%2C%20but%20with%20the%20current%20version%3C%2FP%3E%3CDIV%20class%3D%22%22%3E%3CDIV%20class%3D%22%22%3E%3CEM%3E%3CSPAN%20class%3D%22%22%3EVersion%2096.0.1038.0%20(Official%20Build)%20canary%20(64-bit)%3C%2FSPAN%3E%3C%2FEM%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22%22%3E%3CDIV%20class%3D%22%22%3E%3CDIV%20class%3D%22%22%3E%3CDIV%20class%3D%22%22%3EI%20have%20strange%20padding%20problems%20with%20tables%20-%20see%20those%20screenshots%20taken%20from%20w3schools%20(%3CA%20href%3D%22https%3A%2F%2Fwww.w3schools.com%2Fhtml%2Fhtml_tables.asp%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EHTML%20Tables%20(w3schools.com)%3C%2FA%3E)%3C%2FDIV%3E%3CDIV%20class%3D%22%22%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%20class%3D%22%22%3Eedge%20canary%3A%3C%2FDIV%3E%3CDIV%20class%3D%22%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22canary.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315803i701D7D14358FB84C%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22canary.png%22%20alt%3D%22canary.png%22%20%2F%3E%3C%2FSPAN%3E%3CBR%20%2F%3E%3CP%3Eregular%20edge%20brwoser%3A%3C%2FP%3E%3C%2FDIV%3E%3CDIV%20class%3D%22%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22edge.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315806i18E9ECBE30F74EE8%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22edge.png%22%20alt%3D%22edge.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%20class%3D%22%22%3E%3CBR%20%2F%3E%3CP%3Eit%20seems%20that%20the%20padding%20is%20ignored.%3C%2FP%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2820965%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2820965%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1178037%22%20target%3D%22_blank%22%3E%40cwnessus%3C%2FA%3E%26nbsp%3Bfor%20me%20it%20is%20the%20same.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20even%20more%20worse%20are%20some%20icons%20or%20pictures%20are%20somehow%20resized%2Fstretched.%20For%20example%20if%20you%20logon%20to%20%3CA%20href%3D%22https%3A%2F%2Fportal.azure.com%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fportal.azure.com%3C%2FA%3E%20look%20at%20the%20links%20with%20icons%20below%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWith%20the%20current%20Edge%20Beta%20version%20or%20any%20other%20browser%20everything%20is%20fine%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22SaschaSchmatz_0-1633590885811.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315810i85BDF8C27B487537%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22SaschaSchmatz_0-1633590885811.png%22%20alt%3D%22SaschaSchmatz_0-1633590885811.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eor%20the%20icons%20on%20the%20top%20right%20-%20also%20fine%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22SaschaSchmatz_2-1633590976591.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315817i4BFBCF1AD4F8A3CF%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22SaschaSchmatz_2-1633590976591.png%22%20alt%3D%22SaschaSchmatz_2-1633590976591.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ehere%20the%20same%20sections%20with%20Edge%20Canary%20version%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22SaschaSchmatz_1-1633590919117.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315811i23E083CB7CDCAFA2%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22SaschaSchmatz_1-1633590919117.png%22%20alt%3D%22SaschaSchmatz_1-1633590919117.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22SaschaSchmatz_3-1633590998542.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315818i298E6AF544485998%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22SaschaSchmatz_3-1633590998542.png%22%20alt%3D%22SaschaSchmatz_3-1633590998542.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESomething%20is%20messed%20up%20here%20...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2821039%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2821039%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F981880%22%20target%3D%22_blank%22%3E%40SaschaSchmatz%3C%2FA%3E%26nbsp%3BI'm%20seeing%20this%20too.%26nbsp%3B%20Happens%20on%20freeagent%2C%20the%20padding%20on%20the%20tables%20is%20measured%20in%20rem%20but%20doesn't%20seem%20to%20be%20applying.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2821850%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2821850%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1178037%22%20target%3D%22_blank%22%3E%40cwnessus%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESame%20issue%20on%20my%20end%2C%20just%20started%20recently%20with%20a%20number%20of%20websites%20I%20use%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20how%20the%20website%20looks%20on%20normal%20Edge%20and%20how%20it's%20supposed%20to%20look%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22normal.png%22%20style%3D%22width%3A%20580px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315864i5C6D9BB4BA8D7591%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22normal.png%22%20alt%3D%22normal.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnd%20here's%20how%20it%20looks%20on%20Canary%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22edgecanary.png%22%20style%3D%22width%3A%20542px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F315865iFBD0ACE64F84126D%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22edgecanary.png%22%20alt%3D%22edgecanary.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENot%20sure%20what%20the%20issue%20is%20but%20I've%20tried%20things%20like%20clearing%20history%2Fcookies%20and%20nothing%20seems%20to%20help.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2822850%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2822850%22%20slang%3D%22en-US%22%3EYeah%20same%20here%2C%20I%20figure%20out%20this%20first%20on%20images%3A%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Fimages-are-with-strange-positioning-and-scaling-canary%2Fm-p%2F2815531%2Fhighlight%2Ftrue%23M50046%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Fimages-are-with-strange-positioning-and-scaling-canary%2Fm-p%2F2815531%2Fhighlight%2Ftrue%23M50046%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EBut%20tables%20and%20other%20elements%20are%20also%20%22weird%22.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2824145%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2824145%22%20slang%3D%22en-US%22%3EThere%20is%20indeed%20a%20problem%20with%20the%20layout%20on%20some%20sites%20since%20the%20latest%20versions%20of%20Canary%3CBR%20%2F%3EI%20also%20had%20a%20topic%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2825785%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Canary%20padding%20problem%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2825785%22%20slang%3D%22en-US%22%3EAlso%20seeing%20this%20issue%20when%20using%20the%20Azure%20Portal%20in%20Canary%20%3A(%3C%2Fimg%3E%3C%2FLINGO-BODY%3E
New Contributor

Hello there!

I am not sure if this is a known bug or some setting on my browser, but with the current version

Version 96.0.1038.0 (Offizielles Build) canary (64-Bit)
I have strange padding problems with tables - see those screenshots taken from w3schools (HTML Tables (w3schools.com))
 
edge canary:
canary.png

regular edge brwoser:

edge.png

it seems that the padding is ignored.

11 Replies

@cwnessus for me it is the same.

 

But even more worse are some icons or pictures are somehow resized/stretched. For example if you logon to https://portal.azure.com look at the links with icons below:

 

With the current Edge Beta version or any other browser everything is fine:

 

SaschaSchmatz_0-1633590885811.png

 

or the icons on the top right - also fine

 

SaschaSchmatz_2-1633590976591.png

 

 

here the same sections with Edge Canary version:

 

SaschaSchmatz_1-1633590919117.png

 

SaschaSchmatz_3-1633590998542.png

 

Something is messed up here ...

 

 

@SaschaSchmatz I'm seeing this too.  Happens on freeagent, the padding on the tables is measured in rem but doesn't seem to be applying.

@cwnessus

 

Same issue on my end, just started recently with a number of websites I use:

 

This is how the website looks on normal Edge and how it's supposed to look:

 

normal.png

 

And here's how it looks on Canary:

 

edgecanary.png

 

Not sure what the issue is but I've tried things like clearing history/cookies and nothing seems to help.

Yeah same here, I figure out this first on images: https://techcommunity.microsoft.com/t5/discussions/images-are-with-strange-positioning-and-scaling-c...

But tables and other elements are also "weird".
There is indeed a problem with the layout on some sites since the latest versions of Canary
I also had a topic
Also seeing this issue when using the Azure Portal in Canary :(

Hey everyone!

 

This is a known issue and the team is looking into it. I've shared this thread along with the others around this with the team as they investigate. I'll post here if we need additional information to help them look into this, but for now, thank you for reporting this and for your patience!

 

Alex Rowell (she/her)
Community Manager - Microsoft Edge
Join us on Twitter, or over on Reddit in r/MicrosoftEdge or r/edge

You may need to reset MS edge in cloud, First need to export your favorite then reset sync and syn again.

With the newest Canary build 96.0.1043.0 the problem is now resolved on my side :) 

Same. All good now :thumbs_up:
Also confirming the latest update resolved this issue for me, thanks!