Horizontal scrollbar in Edge Dev

%3CLINGO-SUB%20id%3D%22lingo-sub-3297769%22%20slang%3D%22en-US%22%3EHorizontal%20scrollbar%20in%20Edge%20Dev%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297769%22%20slang%3D%22en-US%22%3E%3CP%3Ein%20Edge%20Dev%2C%20I%20have%20noticed%20that%20the%20horizontal%20scrollbar%20(when%20required)%20covers%20the%20last%20line%20of%20text%20making%20it%20unreadable.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22MartMcd1_1-1651157640948.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F367661iB5EA7A5C6FBEA724%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22MartMcd1_1-1651157640948.png%22%20alt%3D%22MartMcd1_1-1651157640948.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%22MartMcd1_0-1651157612292.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F367660iD19DB62452203202%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22MartMcd1_0-1651157612292.png%22%20alt%3D%22MartMcd1_0-1651157612292.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3Ethought%20I%20would%20share%20a%20couple%20of%20workarounds%20for%20anyone%20else%20experiencing%20the%20problem.%3C%2FP%3E%3CP%3E1)%20zoom%20in%20to%20%26gt%3B150%25.%20this%20will%20make%20the%20text%20larger%20so%20the%20scroll%20bar%20no%20longer%20covers%20it%20all.%3CBR%20%2F%3E2)%20enable%20the%20following%20flags%3C%2FP%3E%3CP%20class%3D%22%22%3Eedge%3A%2F%2Fflags%2F%23edge-overlay-scrollbars-win-style%3C%2FP%3E%3CP%3Eand%3C%2FP%3E%3CP%3Eedge%3A%2F%2Fflags%2F%23edge-hide-fluent-scrollbars-on-pointer-leave%3C%2FP%3E%3CP%3Ethis%20will%20cause%20the%20scrollbar%20to%20only%20appear%20when%20the%20mouse%20is%20over%20it%2C%20just%20move%20the%20mouse%20away%20in%20order%20to%20read%20the%20text.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297922%22%20slang%3D%22en-US%22%3ERe%3A%20Horizontal%20scrollbar%20in%20Edge%20Dev%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297922%22%20slang%3D%22en-US%22%3Eok%2C%20a%20simpler%20solution%20is%20to%20turn%20on%20%22always%20show%20scrollbars%22%20in%20windows%20settings%20-%26gt%3B%20Accessibility%20-%26gt%3B%20Visual%20Affects%20(windows%2011)%3C%2FLINGO-BODY%3E
Occasional Contributor

in Edge Dev, I have noticed that the horizontal scrollbar (when required) covers the last line of text making it unreadable.

MartMcd1_1-1651157640948.png

 

MartMcd1_0-1651157612292.png

thought I would share a couple of workarounds for anyone else experiencing the problem.

1) zoom in to >150%. this will make the text larger so the scroll bar no longer covers it all.
2) enable the following flags

edge://flags/#edge-overlay-scrollbars-win-style

and

edge://flags/#edge-hide-fluent-scrollbars-on-pointer-leave

this will cause the scrollbar to only appear when the mouse is over it, just move the mouse away in order to read the text.

1 Reply
ok, a simpler solution is to turn on "always show scrollbars" in windows settings -> Accessibility -> Visual Affects (windows 11)