www.redbubble.com - see bug description

[karlcow]

URL: https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement

Browser / Version: Firefox 65.0
Operating System: Mac OS X 10.14
Tested Another Browser: Yes

Problem type: Something else
Description: scrolling on the left bar is stopping before the end
Steps to Reproduce:

1. Go to https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement
2. Hover your mouse on the left side
3. Scroll
4. The full page is going up.

Actual:
At a point the left area stops scrolling and only the right part is scrolling. This is happening too soon, and we can't see all the options on the left side.

Expected:
Scroll until the left side is fully available.

This is working as expected in Chrome.

Browser Configuration

• mixed active content blocked: false
• image.mem.shared: true
• buildID: 20181111220121
• tracking content blocked: false
• gfx.webrender.blob-images: true
• hasTouchScreen: false
• mixed passive content blocked: false
• gfx.webrender.enabled: false
• gfx.webrender.all: false
• channel: nightly

Console Messages:

[u'[JavaScript Warning: "A call to document.write() from an asynchronously-loaded external script was ignored." {file: "https://www.googleadservices.com/pagead/conversion.js" line: 48}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr?id=502970620105749&ev=PageView&cd[order_id]=c8741d52-64e2-4f07-9603-b0e971548218 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://googleads.g.doubleclick.net/pagead/viewthroughconversion/998460700/?random=1541987446840&cv=9&fst=1541987446840&num=1&guid=ON&resp=GooglemKTybQhCsO&eid=376635470%2C659255991&u_h=1800&u_w=3200&u_ah=1800&u_aw=3200&u_cd=24&u_his=26&u_tz=540&u_java=false&u_nplug=0&u_nmime=0&sendb=1&frm=0&url=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement&tiba=Design%20%26%20Illustration%3A%20Men%27s%20Sweatshirts%20%26%20Hoodies%20%7C%20Redbubble&rfmt=3&fmt=4 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://tapestry.tapad.com/tapestry/1?ta_partner_id=950&ta_redirect=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3D1001%26ao%3D0%26pruuid%3DTAPAD_%24%7BIDS%3Akey%7D was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://googleads.g.doubleclick.net/pagead/viewthroughconversion/1067467798/?random=1541987447627&cv=9&fst=1541987447627&num=1&label=3g2fCLKSjQMQloiB_QM&guid=ON&resp=GooglemKTybQhCsO&eid=376635471%2C659255991&u_h=1800&u_w=3200&u_ah=1800&u_aw=3200&u_cd=24&u_his=26&u_tz=540&u_java=false&u_nplug=0&u_nmime=0>m=2wgas3&sendb=1&frm=0&url=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement&tiba=Design%20%26%20Illustration%3A%20Men%27s%20Sweatshirts%20%26%20Hoodies%20%7C%20Redbubble&async=1&rfmt=3&fmt=4 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://dpm.demdex.net/ibs:dpid=125310&dpuuid=c8741d52-64e2-4f07-9603-b0e971548218&redir=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3DAOEPNR1%26ao%3D0%26pruuid%3D%24%7BDD_UUID%7D was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://tags.bluekai.com/site/21398?id=c8741d52-64e2-4f07-9603-b0e971548218 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://sslwidget.criteo.com/event?a=%5B47778%2C45327%2C49694%2C47774%2C47775%2C47776%2C47777%5D&v=4.8.1&p0=e%3Dce%26m%3D%255B%255D&p1=e%3Dexd%26site_type%3Dd&p2=e%3Dvl%26p%3D1&p3=e%3Ddis&adce=1&lwid=821f4e8c-bb7b-4b7d-b8d9-e47a21382540&tld=redbubble.com&dtycbr=90366 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://idsync.rlcdn.com/420356.gif?partner_uid=c8741d52-64e2-4f07-9603-b0e971548218 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://bat.bing.com/action/0?ti=4007074&Ver=2&mid=621198c4-6f45-9bc6-c66d-f343fc3ed0c0&pi=0&lg=en-US&sw=3200&sh=1800&sc=24&tl=Design%20%26%20Illustration%3A%20Men%27s%20Sweatshirts%20%26%20Hoodies%20%7C%20Redbubble&p=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement&r=<=2796&evt=pageLoad&msclkid=N&rn=913056 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://www.facebook.com/tr/?id=526277364169987&ev=PageView&dl=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement&rl=&if=false&ts=1541987448259&sw=3200&sh=1800&v=2.8.33&r=stable&ec=0&o=30&fbp=fb.1.1541987296758.1445927970&it=1541987447722&coo=false was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://sp.analytics.yahoo.com/sp.pl?a=10000&jsonp=YAHOO.ywa.I13N.handleJSONResponse&d=Mon%2C%2012%20Nov%202018%2001%3A50%3A47%20GMT&n=-9&b=Design%20%26%20Illustration%3A%20Men%27s%20Sweatshirts%20%26%20Hoodies%20%7C%20Redbubble&.yp=10002664&f=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement&enc=UTF-8 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://idsync.rlcdn.com/1000.gif?memo=CITUGRIwCiwIARDclAEaJGM4NzQxZDUyLTY0ZTItNGYwNy05NjAzLWIwZTk3MTU0ODIxOBAAGg0I-Lij3wUSBQjoBxAAQgBKAA was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://s.amazon-adsystem.com/dcm?pid=1f9f6bba-5ede-4cb5-997f-f0d0b894f672&id=&cb=01070073 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://znbr5amnlemoxdurh-redbubble.siteintercept.qualtrics.com/WRSiteInterceptEngine/?Q_ZID=ZN_br5amnLEmOXdurH&Q_LOC=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement&t=1541987449439." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 1}]', u'[JavaScript Warning: "Request to access cookie or storage on https://bid.g.doubleclick.net/xbbe/pixel?d=KAE was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://analytics.twitter.com/i/adsct?p_id=Twitter&p_user_id=0&txn_id=nthjj&tw_sale_amount=0&tw_order_quantity=0&tw_iframe_status=0&tpx_cb=twttr.conversion.loadPixels&tw_document_href=https%3A%2F%2Fwww.redbubble.com%2Fshop%2Fdesign%2Bmens-sweatshirts%3Fcat_context%3Dmen-clothes%26ref%3Dshop_medium_refinement was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://dis.as.criteo.com/dis/dis.aspx?p=47778&cb=76726619789&ref=&sc_r=3200x1800&sc_d=24 was blocked because it came from a tracker and content blocking is enabled." {file: "https://www.redbubble.com/shop/design+mens-sweatshirts?cat_context=men-clothes&ref=shop_medium_refinement" line: 0}]']

From webcompat.com with ❤️

[karlcow]

Same screen in Chrome. Look at the left bottom part

[karlcow]

ok found. They use

.shared-components-ShopSearchFilter-ShopSearchFilter__filter--2UlLP {
	overflow-y: overlay;
	padding-right: 16px;
	width: 100%;
}

overflow-y: overlay; is a WebKit only property which doesn't exist on Firefox.

Using overflow-y: auto; instead will work.

[karlcow]

@redbubble is on GitHub and they probably have someone in their front-end team who can solve this issue of overflow in Firefox. Maybe @toothbrush can help us find the right person.

[toothbrush]

Hey all, sorry about the delay – i'm not on the front-end team, and it's been code freeze for the holidays. We've just implemented the fix that @karlcow kindly detailed, it should go out sometime this week. Thanks all!

Tagging @webgineergit, @marchamm, FYI!

[karlcow]

Thanks a lot!

[lock]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.