web-bugs icon indicating copy to clipboard operation
web-bugs copied to clipboard

www.evernote.com - Unable to scroll to reach the bottom of the page using mouse wheel

Open GabeVilela opened this issue 4 years ago • 6 comments

URL: https://www.evernote.com/client/web#?hm=true&

Browser / Version: Firefox 94.0.1 Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Something else Description: Can't scroll from the top to the bottom with the scroll wheel Steps to Reproduce: Log into your Evernote account, then on the "Home" page, try to scroll down from the top to the bottom using the scroll wheel. It's important that your "Home" page has multiple widgets rows.

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

GabeVilela avatar Nov 10 '21 12:11 GabeVilela

Thanks for the report, but I'm not able to reproduce the issue. I was not able to reach the bottom of the page using mouse wheel. image

Note:

  1. The issue is not reproducible on Chrome.
  2. Workaround: using the scroll bar, I can reach the end of the page.

Tested with: Browser / Version: Firefox Nightly 96.0a1 (2021-11-09) Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

softvision-oana-arbuzov avatar Nov 10 '21 14:11 softvision-oana-arbuzov

on macOS with the trackpad I have no issues. but with a mouse the scrolling stops when the bottom of the scratch pad area reaches the bottom of the page.

I have the feeling this is related to IntersectionObserver and a threshold. It's working only if I wheel very fast when at the bottom.

karlcow avatar Nov 15 '21 08:11 karlcow

On

<div id="qa-HOME-CONTAINER" class="udh9eux2W7pbsurMeff6 QcclBKo925jw1SVtJqnl Zrcjv4WX_UNSgK9IhBBR" style="margin-right: 0px;">

…

</div>

there is

.Zrcjv4WX_UNSgK9IhBBR {
	-ms-scroll-snap-type: y proximity;
	scroll-snap-type: y proximity;
}

if I remove this, it is working


/* Inline #398 | https://www.evernote.com/client/web#?hm=true& */

.Zrcjv4WX_UNSgK9IhBBR {
  /* -ms-scroll-snap-type: y proximity; */
  /* scroll-snap-type: y proximity; */
}

So at least we have a solution. And this seems to happen only with mouse wheel events, with the trackpad it is working.

Duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1741135

Still pushing to needscontact to see if we can get it fixed.

karlcow avatar Nov 15 '21 08:11 karlcow

Maybe @baron816 could help us to find the right person at @evernote to fix this issue with the scroll-snap-type in the CSS.

karlcow avatar Nov 15 '21 08:11 karlcow

@GabeVilela Can you please provide more info on how to replicate the issue, mainly

It's important that your "Home" page has multiple widgets rows.

[inv_12/2024]

softvision-raul-bucata avatar Mar 21 '24 15:03 softvision-raul-bucata

I've tested it now with Firefox 124.0 and the issue is no longer reproducible.

I guess Evernote team fixed the issue with their new redesign, but I don't know for sure when it got fixed since I'm no longer using Evernote.

GabeVilela avatar Mar 25 '24 12:03 GabeVilela

Glad to hear that the issue has been solved .Please feel free to submit other encountered issues, as your input is highly appreciated.

[inv_13/2024]

softvision-raul-bucata avatar Mar 25 '24 12:03 softvision-raul-bucata