Bug: scrollbar not working with fixed backgrounds (css)

%3CLINGO-SUB%20id%3D%22lingo-sub-1261131%22%20slang%3D%22de-DE%22%3ESubject%3A%20Bug%3A%20scrollable%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261131%22%20slang%3D%22de-DE%22%3EFixed%20in%2083.0.461.1%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1258807%22%20slang%3D%22de-DE%22%3EBug%3A%20scrollable%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1258807%22%20slang%3D%22de-DE%22%3E%3CP%3EHi%2C%20when%20fixing%20a%20background%20image%20(css)%20the%20scrollbar%20doesn't%20work.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-css%22%3E%3CCODE%3Ebackground%3A%20url(image.jpg)%20fixed%3B%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E83.0.461.1%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1261184%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261184%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Fbug-fixed-background-image-problem-with-disappearing-navigation%2Fm-p%2F1261037%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Fbug-fixed-background-image-problem-with-disappearing-navigation%2Fm-p%2F1261037%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1261221%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261221%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESorry%2C%20code%20is%20in%20progress...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fcodepen.io%2Fbigfraggle%2Fpen%2FJjdwBvX%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcodepen.io%2Fbigfraggle%2Fpen%2FJjdwBvX%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20scrollbar%20doesn't%20work%2C%20you're%20not%20able%20to%20scroll%20by%20clicking.%3C%2FP%3E%3CP%3EWhen%20removing%20the%20%22fixed%22%20within%20body%20css%20it's%20fine.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1261232%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261232%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F597670%22%20target%3D%22_blank%22%3E%40bigfraggle007%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%20class%3D%22lia-spoiler-container%22%3E%3CA%20class%3D%22lia-spoiler-link%22%20href%3D%22%23%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%20target%3D%22_blank%22%3ESpoiler%3C%2FA%3E%3CNOSCRIPT%3E(Highlight%20to%20read)%3C%2FNOSCRIPT%3E%3CDIV%20class%3D%22lia-spoiler-border%22%3E%3CDIV%20class%3D%22lia-spoiler-content%22%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F597670%22%20target%3D%22_blank%22%3E%40bigfraggle007%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESorry%2C%20code%20is%20in%20progress...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fcodepen.io%2Fbigfraggle%2Fpen%2FJjdwBvX%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcodepen.io%2Fbigfraggle%2Fpen%2FJjdwBvX%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20scrollbar%20doesn't%20work%2C%20you're%20not%20able%20to%20scroll%20by%20clicking.%3C%2FP%3E%3CP%3EWhen%20removing%20the%20%22fixed%22%20within%20body%20css%20it's%20fine.%3C%2FP%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3C%2FDIV%3E%3CNOSCRIPT%3E%3CDIV%20class%3D%22lia-spoiler-noscript-container%22%3E%3CDIV%20class%3D%22lia-spoiler-noscript-content%22%3E%26nbsp%3Bwrote%3A%26nbsp%3B%26nbsp%3BSorry%2C%20code%20is%20in%20progress...%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fcodepen.io%2Fbigfraggle%2Fpen%2FJjdwBvX%26nbsp%3BThe%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcodepen.io%2Fbigfraggle%2Fpen%2FJjdwBvX%26nbsp%3BThe%3C%2FA%3E%20scrollbar%20doesn't%20work%2C%20you're%20not%20able%20to%20scroll%20by%20clicking.When%20removing%20the%20%22fixed%22%20within%20body%20css%20it's%20fine.%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FNOSCRIPT%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ewell%2C%20with%20this%20new%20piece%20of%20information%2C%20I%20can%20reproduce%20it.%3C%2FP%3E%3CP%3Ebefore%20saying%20that%20to%20reproduce%20it%20we%20have%20to%20click%20on%20scrollbar%20and%20then%20drag%20it%2C%20I%20was%20using%20the%20normal%20mouse%20scrollwheel%20and%20it%20was%20working%20fine%20that's%20why%20I%20didn't%20notice%20it.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethis%20also%20reminds%20me%20of%20another%20topic%20where%20a%20user%20reported%20that%20they%20can%20use%20mouse%20scrollwheel%20but%20not%20when%20they%20click%20on%20the%20scrollbar%20and%20try%20to%20drag%20it%20up%2Fdown.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20related%20topic%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Fscrollbars-not-reacting-to-mouse-in-canary%2Fm-p%2F1230115%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fdiscussions%2Fscrollbars-not-reacting-to-mouse-in-canary%2Fm-p%2F1230115%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eand%20that%20website%20was%20this%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.dsogaming.com%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.dsogaming.com%2F%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1261256%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261256%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%20Funny%20that%20your%20snippet%20(%3CA%20href%3D%22https%3A%2F%2Fwww.w3schools.com%2FCSSref%2Ftryit.asp%3Ffilename%3Dtrycss_background-attachment%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.w3schools.com%2FCSSref%2Ftryit.asp%3Ffilename%3Dtrycss_background-attachment%3C%2FA%3E)%20is%20running%20without%20this%20problem...%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1261436%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261436%22%20slang%3D%22en-US%22%3EYeah%2C%20I%20hope%20one%20of%20the%20Edge%20developers%20take%20a%20look%20at%20this%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1261513%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1261513%22%20slang%3D%22en-US%22%3EThat%20would%20surprise%20me%20%5E%5E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1266133%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1266133%22%20slang%3D%22en-US%22%3EHi%2C%20try%20again%20on%20Version%2083.0.470.0%20(Official%20build)%20canary%20(64-bit)%3CBR%20%2F%3Eit's%20working%20for%20me%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1267140%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1267140%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BSounds%20good.%20I'm%20using%20Dev%20Channel%20and%20will%20have%20a%20look%20later.%20Thanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1267183%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1267183%22%20slang%3D%22en-US%22%3EOf%20course!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1271342%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1271342%22%20slang%3D%22en-US%22%3EThe%20problem%20still%20occurs%20in%20todays%20new%2083.0.467.0%20(dev).%3CBR%20%2F%3EI'm%20waiting%20till%20next%20week%2C%20hopefully%20there%20will%20be%20the%20470.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1271383%22%20slang%3D%22en-US%22%3ERe%3A%20Bug%3A%20scrollbar%20not%20working%20with%20fixed%20backgrounds%20(css)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1271383%22%20slang%3D%22en-US%22%3EYeah%20the%20minimum%20version%20needs%20to%20be%20at%20least%2083.0.470.0%20to%20have%20the%20fix.%20Dev%20will%20most%20likely%20get%20it%20next%20week%20and%20it%20will%20be%20something%20like%20version%20.471%20or%20more%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Hi, when fixing a background image (css) the scrollbar doesn't work.

 

background: url(image.jpg) fixed;

 

83.0.461.1

11 Replies
Highlighted

@HotCakeX 

 

Sorry, code is in progress...

 

https://codepen.io/bigfraggle/pen/JjdwBvX

 

The scrollbar doesn't work, you're not able to scroll by clicking.

When removing the "fixed" within body css it's fine.

Highlighted

@bigfraggle007 

 

Spoiler

@bigfraggle007 wrote:

@HotCakeX 

 

Sorry, code is in progress...

 

https://codepen.io/bigfraggle/pen/JjdwBvX

 

The scrollbar doesn't work, you're not able to scroll by clicking.

When removing the "fixed" within body css it's fine.


Thanks,

 

well, with this new piece of information, I can reproduce it.

before saying that to reproduce it we have to click on scrollbar and then drag it, I was using the normal mouse scrollwheel and it was working fine that's why I didn't notice it.

 

this also reminds me of another topic where a user reported that they can use mouse scrollwheel but not when they click on the scrollbar and try to drag it up/down.

 

The related topic:

https://techcommunity.microsoft.com/t5/discussions/scrollbars-not-reacting-to-mouse-in-canary/m-p/12...

 

and that website was this:

https://www.dsogaming.com/

Highlighted

@HotCakeX 

 

Thanks! Funny that your snippet (https://www.w3schools.com/CSSref/tryit.asp?filename=trycss_background-attachment) is running without this problem...

Highlighted
Yeah, I hope one of the Edge developers take a look at this
Highlighted
That would surprise me ^^
Highlighted
Hi, try again on Version 83.0.470.0 (Official build) canary (64-bit)
it's working for me
Highlighted

@HotCakeX Sounds good. I'm using Dev Channel and will have a look later. Thanks!

Highlighted
Highlighted
The problem still occurs in todays new 83.0.467.0 (dev).
I'm waiting till next week, hopefully there will be the 470.
Highlighted
Yeah the minimum version needs to be at least 83.0.470.0 to have the fix. Dev will most likely get it next week and it will be something like version .471 or more