SOLVED

Similar UI of scrollbar throughout Microsoft Edge

%3CLINGO-SUB%20id%3D%22lingo-sub-1244802%22%20slang%3D%22en-US%22%3ESimilar%20UI%20of%20scrollbar%20throughout%20Microsoft%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1244802%22%20slang%3D%22en-US%22%3E%3CP%3EWe%20should%20not%20have%20different%20UI%20of%20the%20scrollbar%20in%20Microsoft%20Edge%20Chromium%20and%20there%20should%20be%20similar%20UI%20of%20scrollbar%20throughout%20Edge%20as%20I%20am%20seeing%20new%20UI%20of%20the%20scrollbar%20in%20collections%20menu%20and%20new%20tab%20page%20from%20the%20UI%20of%20scrollbar%20used%20for%20webpages%20which%20is%20the%20default%20for%20Windows%2010.%20I%20would%20recommend%20the%20new%20scrollbar%20UI.%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-03-22_LI.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F178747iBF37EB8280F4AC35%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%222020-03-22_LI.jpg%22%20alt%3D%22New%20Scrollbar%20UI%20is%20used%20in%20collection%20menu%20while%20old%20Scrollbar%20is%20used%20in%20webpages%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3ENew%20Scrollbar%20UI%20is%20used%20in%20collection%20menu%20while%20old%20Scrollbar%20is%20used%20in%20webpages%3C%2FSPAN%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-03-22%20(2).png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F178748iD19879EB265D516D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%222020-03-22%20(2).png%22%20alt%3D%22New%20Scrollbar%20is%20used%20in%20NTP%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3ENew%20Scrollbar%20is%20used%20in%20NTP%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1244899%22%20slang%3D%22en-US%22%3ERe%3A%20Similar%20UI%20of%20scrollbar%20throughout%20Microsoft%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1244899%22%20slang%3D%22en-US%22%3E%3CP%3EHi%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F537238%22%20target%3D%22_blank%22%3E%40theshaunsaw%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThey%20are%20the%20same%20scrollbars.%20on%20NTP%20it's%20bigger%20and%20on%20Collections%20it's%20smaller%2C%20but%20the%20design%20and%20UI%20is%20the%20same.%20difference%20in%20size%20is%20because%20NTP%20has%20more%20space%20than%20Collections%20panel%20so%20the%20elements%20in%20there%20are%20bigger%20respectively.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22dasdsa.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F178757i43037B83B1762EA4%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22dasdsa.png%22%20alt%3D%22dasdsa.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ewebsite%20scrollbars%20shouldn't%20be%20added%20to%20the%20mix%2C%20because%20each%20website%20developer%20has%20control%20over%20their%20website's%20scrollbar.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.w3schools.com%2Fhowto%2Fhowto_css_custom_scrollbar.asp%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.w3schools.com%2Fhowto%2Fhowto_css_custom_scrollbar.asp%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1246475%22%20slang%3D%22en-US%22%3ERe%3A%20Similar%20UI%20of%20scrollbar%20throughout%20Microsoft%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1246475%22%20slang%3D%22en-US%22%3EThank%20you%20for%20letting%20me%20know%20%3A%20)%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1246634%22%20slang%3D%22en-US%22%3ERe%3A%20Similar%20UI%20of%20scrollbar%20throughout%20Microsoft%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1246634%22%20slang%3D%22en-US%22%3EAnytime%20%3A)%3C%2Fimg%3E%3C%2FLINGO-BODY%3E
Super Contributor

We should not have different UI of the scrollbar in Microsoft Edge Chromium and there should be similar UI of scrollbar throughout Edge as I am seeing new UI of the scrollbar in collections menu and new tab page from the UI of scrollbar used for webpages which is the default for Windows 10. I would recommend the new scrollbar UI.New Scrollbar UI is used in collection menu while old Scrollbar is used in webpagesNew Scrollbar UI is used in collection menu while old Scrollbar is used in webpagesNew Scrollbar is used in NTPNew Scrollbar is used in NTP

3 Replies
Best Response confirmed by TheShaunSaw (Super Contributor)
Solution

Hi@TheShaunSaw 

 

They are the same scrollbars. on NTP it's bigger and on Collections it's smaller, but the design and UI is the same. difference in size is because NTP has more space than Collections panel so the elements in there are bigger respectively.

 

dasdsa.png

 

website scrollbars shouldn't be added to the mix, because each website developer has control over their website's scrollbar.

 

https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

Thank you for letting me know : )