[GH-ISSUE #159] Auto-scrolling doesn't work #109

Open
opened 2026-03-03 16:04:29 +03:00 by kerem · 22 comments
Owner

Originally created by @Bagunda on GitHub (Feb 5, 2019).
Original GitHub issue: https://github.com/mthenw/frontail/issues/159

Auto-scrolling doesn't work
https://www.youtube.com/watch?v=iqamAAtSTu0

Originally created by @Bagunda on GitHub (Feb 5, 2019). Original GitHub issue: https://github.com/mthenw/frontail/issues/159 Auto-scrolling doesn't work https://www.youtube.com/watch?v=iqamAAtSTu0
Author
Owner

@ravening commented on GitHub (Aug 23, 2019):

Facing the same issue. Autoscroll doesnt work and everytime I have to scroll down manually to see the latest logs

<!-- gh-comment-id:524337009 --> @ravening commented on GitHub (Aug 23, 2019): Facing the same issue. Autoscroll doesnt work and everytime I have to scroll down manually to see the latest logs
Author
Owner

@mthenw commented on GitHub (Aug 23, 2019):

@Bagunda @rakgenius which browser do you use?

<!-- gh-comment-id:524466697 --> @mthenw commented on GitHub (Aug 23, 2019): @Bagunda @rakgenius which browser do you use?
Author
Owner

@andrelung commented on GitHub (Aug 24, 2019):

I am encountering the same issue with the latest chrome (76.0.3809.100). I might also add, that I am using frontail with openhabian

<!-- gh-comment-id:524504072 --> @andrelung commented on GitHub (Aug 24, 2019): I am encountering the same issue with the latest chrome (76.0.3809.100). I might also add, that I am using frontail with openhabian
Author
Owner

@ravening commented on GitHub (Aug 24, 2019):

@mthenw Im using chrome browser Version 76.0.3809.100 (Official Build) (64-bit)

<!-- gh-comment-id:524530882 --> @ravening commented on GitHub (Aug 24, 2019): @mthenw Im using chrome browser Version 76.0.3809.100 (Official Build) (64-bit)
Author
Owner

@Bagunda commented on GitHub (Aug 24, 2019):

@Bagunda @rakgenius which browser do you use?
Chrome. It doesn't work about 1.5 years

<!-- gh-comment-id:524551026 --> @Bagunda commented on GitHub (Aug 24, 2019): > @Bagunda @rakgenius which browser do you use? Chrome. It doesn't work about 1.5 years
Author
Owner

@mthenw commented on GitHub (Aug 24, 2019):

Can you paste me the exact command that you are running (or openhabian is running)?

<!-- gh-comment-id:524576125 --> @mthenw commented on GitHub (Aug 24, 2019): Can you paste me the exact command that you are running (or openhabian is running)?
Author
Owner

@mthenw commented on GitHub (Aug 24, 2019):

@Bagunda I cannot see that on your video but what happens when the window is scrolled to the bottom and you refresh the page? Does it go back to top?

<!-- gh-comment-id:524576590 --> @mthenw commented on GitHub (Aug 24, 2019): @Bagunda I cannot see that on your video but what happens when the window is scrolled to the bottom and you refresh the page? Does it go back to top?
Author
Owner

@mthenw commented on GitHub (Aug 24, 2019):

@Bagunda @andrelung @rakgenius can I ask you to validate the fix from https://github.com/mthenw/frontail/pull/180?

<!-- gh-comment-id:524577315 --> @mthenw commented on GitHub (Aug 24, 2019): @Bagunda @andrelung @rakgenius can I ask you to validate the fix from https://github.com/mthenw/frontail/pull/180?
Author
Owner

@andrelung commented on GitHub (Aug 25, 2019):

Openhabian is using the npm-based installation.
Line 30 you can see how it is installed: https://github.com/openhab/openhabian/blob/master/functions/nodejs-apps.bash
And here is the exact command (/service):
https://github.com/openhab/openhabian/blob/master/includes/frontail.service

I'll try uninstalling the npm version and installing your fix later today.

<!-- gh-comment-id:524609150 --> @andrelung commented on GitHub (Aug 25, 2019): Openhabian is using the npm-based installation. Line 30 you can see how it is installed: https://github.com/openhab/openhabian/blob/master/functions/nodejs-apps.bash And here is the exact command (/service): https://github.com/openhab/openhabian/blob/master/includes/frontail.service I'll try uninstalling the npm version and installing your fix later today.
Author
Owner

@Bagunda commented on GitHub (Aug 25, 2019):

Can you paste me the exact command that you are running (or openhabian is running)?

frontail -d -n 100 --ui-highlight --ui-highlight-preset /usr/lib/node_modules/frontail/preset/default.json /var/log/openhab2/openhab.log /var/log/openhab2/events.log
or
frontail -d -n 1000 --ui-highlight --ui-highlight-preset /usr/lib/node_modules/frontail/preset/default.json /var/log/openhab2/openhab.log /var/log/openhab2/events.log

<!-- gh-comment-id:524618336 --> @Bagunda commented on GitHub (Aug 25, 2019): > Can you paste me the exact command that you are running (or openhabian is running)? `frontail -d -n 100 --ui-highlight --ui-highlight-preset /usr/lib/node_modules/frontail/preset/default.json /var/log/openhab2/openhab.log /var/log/openhab2/events.log` or `frontail -d -n 1000 --ui-highlight --ui-highlight-preset /usr/lib/node_modules/frontail/preset/default.json /var/log/openhab2/openhab.log /var/log/openhab2/events.log`
Author
Owner

@Bagunda commented on GitHub (Aug 25, 2019):

@Bagunda I cannot see that on your video but what happens when the window is scrolled to the bottom and you refresh the page? Does it go back to top?

Here is new video https://www.youtube.com/watch?v=2Y6H5Qb7IGs

<!-- gh-comment-id:524618989 --> @Bagunda commented on GitHub (Aug 25, 2019): > @Bagunda I cannot see that on your video but what happens when the window is scrolled to the bottom and you refresh the page? Does it go back to top? Here is new video https://www.youtube.com/watch?v=2Y6H5Qb7IGs
Author
Owner

@Bagunda commented on GitHub (Aug 25, 2019):

@Bagunda @andrelung @rakgenius can I ask you to validate the fix from #180?

Today I try fix #180. At the end of the video https://www.youtube.com/watch?v=2Y6H5Qb7IGs
Autoscroll doesn't work.

<!-- gh-comment-id:524619144 --> @Bagunda commented on GitHub (Aug 25, 2019): > @Bagunda @andrelung @rakgenius can I ask you to validate the fix from #180? Today I try fix #180. At the end of the video https://www.youtube.com/watch?v=2Y6H5Qb7IGs Autoscroll doesn't work.
Author
Owner

@mthenw commented on GitHub (Aug 26, 2019):

I merged the PR and release new version (4.7.0) as it fixes @andrelung issue.

@Bagunda could you scroll your window to the bottom and run the following command in the dev tools?

console.log(window.innerHeight, window.scrollY, document.body.offsetHeight)
<!-- gh-comment-id:524971635 --> @mthenw commented on GitHub (Aug 26, 2019): I merged the PR and release new version (4.7.0) as it fixes @andrelung issue. @Bagunda could you scroll your window to the bottom and run the following command in the dev tools? ``` console.log(window.innerHeight, window.scrollY, document.body.offsetHeight) ```
Author
Owner

@Bagunda commented on GitHub (Aug 27, 2019):

console.log(window.innerHeight, window.scrollY, document.body.offsetHeight)

https://youtu.be/iKUkM_MkApc
2019-08-27_19-13-36

<!-- gh-comment-id:525374347 --> @Bagunda commented on GitHub (Aug 27, 2019): > console.log(window.innerHeight, window.scrollY, document.body.offsetHeight) https://youtu.be/iKUkM_MkApc ![2019-08-27_19-13-36](https://user-images.githubusercontent.com/16766521/63788840-d8705680-c8fe-11e9-931f-f28f8f75232c.png)
Author
Owner

@mthenw commented on GitHub (Aug 27, 2019):

OK, looks like I know the culprit. Basically, your view is zoomed in. That's why the measurements are different than usual. Let me try to fix it.

<!-- gh-comment-id:525426136 --> @mthenw commented on GitHub (Aug 27, 2019): OK, looks like I know the culprit. Basically, your view is zoomed in. That's why the measurements are different than usual. Let me try to fix it.
Author
Owner

@Bagunda commented on GitHub (Sep 25, 2019):

Basically, your view is zoomed in.

In the settings of windows 10, I zoomed thescale.
Are you talking about this?

<!-- gh-comment-id:535153724 --> @Bagunda commented on GitHub (Sep 25, 2019): > Basically, your view is zoomed in. In the settings of windows 10, I zoomed thescale. Are you talking about this?
Author
Owner

@mthenw commented on GitHub (Sep 28, 2019):

@Bagunda yeah, that's probably it.

<!-- gh-comment-id:536222986 --> @mthenw commented on GitHub (Sep 28, 2019): @Bagunda yeah, that's probably it.
Author
Owner

@riotm0de commented on GitHub (Dec 10, 2019):

Openhabian 2.4 (stable)
Frontail 4.8.0
Raspb. 3 B
Chrome and Edge

no Auto-Scroll for me :(
Using "Simple-Autoscroll" Extension for Chrome in the meanwhile.

<!-- gh-comment-id:563520483 --> @riotm0de commented on GitHub (Dec 10, 2019): Openhabian 2.4 (stable) Frontail 4.8.0 Raspb. 3 B Chrome and Edge no Auto-Scroll for me :( Using "Simple-Autoscroll" Extension for Chrome in the meanwhile.
Author
Owner

@radokristof commented on GitHub (Jan 18, 2020):

Same problem on a zoomed scale. On normal scale it works as it should...

<!-- gh-comment-id:575890339 --> @radokristof commented on GitHub (Jan 18, 2020): Same problem on a zoomed scale. On normal scale it works as it should...
Author
Owner

@sujitrp commented on GitHub (Apr 8, 2020):

This is browser issue . works good in firefox or edge browser

<!-- gh-comment-id:610765509 --> @sujitrp commented on GitHub (Apr 8, 2020): This is browser issue . works good in firefox or edge browser
Author
Owner

@Wikibear commented on GitHub (Jul 27, 2020):

This is not a browser issue. If you check scrollY you get a float. This float is to small and you be stay all the time under body height value.
What i recommand a math round in line 305 at app.js:

from

var wasScrolledBottom = window.innerHeight + window.scrollY >= document.body.offsetHeight;

to this:

var wasScrolledBottom = window.innerHeight + Math.round(window.scrollY) >= document.body.offsetHeight;

Maybe a button for auto scroll is a bit better.

I have this issue in all modern Browser like Edge, Chrom, Opera and Firefox.

NPM is version 4.9.1 with this bug.

<!-- gh-comment-id:664484500 --> @Wikibear commented on GitHub (Jul 27, 2020): This is not a browser issue. If you check scrollY you get a float. This float is to small and you be stay all the time under body height value. What i recommand a math round in line 305 at app.js: from var wasScrolledBottom = window.innerHeight + window.scrollY >= document.body.offsetHeight; to this: var wasScrolledBottom = window.innerHeight + Math.round(window.scrollY) >= document.body.offsetHeight; Maybe a button for auto scroll is a bit better. I have this issue in all modern Browser like Edge, Chrom, Opera and Firefox. NPM is version 4.9.1 with this bug.
Author
Owner

@ak2766 commented on GitHub (Nov 21, 2021):

No auto-scroll on Firefox (v94.0) on Linux...

Only change in Firefox is making fonts bigger - would that affect auto-scroll?

<!-- gh-comment-id:974745999 --> @ak2766 commented on GitHub (Nov 21, 2021): No auto-scroll on Firefox (v94.0) on Linux... Only change in Firefox is making fonts bigger - would that affect auto-scroll?
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/frontail#109
No description provided.