JMRI / website

The JMRI.org website
https://www.jmri.org
Other
8 stars 41 forks source link

Windows install help page doesn't show vertical scroll bar #465

Open jerryg2003 opened 2 years ago

jerryg2003 commented 2 years ago

@silverailscolo As opposed to all other help pages in the "install" directory, https://www.jmri.org/install/WindowsNew.shtml does not display with a vertical scroll bar (Chrome, Windows 10). Why is this page different from all other pages? :)
I can't find the difference but would like to correct that as I am updating the help file itself.

Also, the Sidebar.shtml file in the install directory appears to be different from all other Sidebar.shtml files in several ways. It has a class= with a bunch of stuff, it has a button to close the sidebar, and it has a java script line at the bottom. Is this for good reason?

Thanks.

silverailscolo commented 2 years ago

@jerryg2003 I expect this is caused by the block "The JAVA SE Platform binary has stopped working" pushing the page outside of its optimum screen dimension. On macOS Safari the page also seems to "float" while scrolling vertically. Will check in more detail on my desktop.

jerryg2003 commented 2 years ago

@silverailscolo Thanks. I see also that the page now appears too wide for my iPad screen and doesn’t scroll horizontally either.

jerryg2003 commented 2 years ago

@silverailscolo More info (contrast with https://www.jmri.org/install/MacOSX.shtml which works correctly):

  1. If you open https://www.jmri.org/install/WindowsNew.shtml in Chrome on a wide enough screen, the vertical scroll bar appears.
  2. As you narrow the Chrome window, the scroll bar disappears but the text wraps.
  3. At some point, the text stops wrapping and disappears to the right.
  4. Continue narrowing the window and the left sidebar disappears (correctly) and a very thin vertical scroll bar appears.

Can't figure out from the HTML why this behaves so strangely but the macOS page works fine. Obviously some interaction of some formatting somewhere...

Thanks, Jerry

silverailscolo commented 2 years ago

Last changes to page in PR #477 solve the scroll bar. @jerryg2003 can you confirm?

jerryg2003 commented 2 years ago

@silverailscolo Thanks for the update. At first glance, it appeared to work, i.e. there is now a vertical scroll bar. However, I can't seem to just leave it at that. Here is what happens in various circumstances under Windows 10 with Chrome brower:

When page is open to full screen on my laptop (display st at 1280x768 with 100% scaling), scrolling works, but display goes blank about a 1/3 of the way down. See picture. If I click in the display area, it comes back, but then goes blank about 3/4 of the way down. See picture 3. If I scroll back up, again the display will go blank but at a different point. See picture 3. I only have the Chrome browser so didn't check this on others.

If I move over to my external display (Dell, set at 1580x1050 with 100% scaling), I get similar behavior, but if I change the horizontal size of the window slightly, the display comes back.

Of course, I have no idea if this is an issue with JMRI code or the Chrome browser, but it is odd that it only happens with this one page - not with macOS or Linux or RaspberryPi OS setup pages.

BTW, works fine on my ipad, showing the scroll bar. Doesn't show the scroll bar on my iphone but none of the pages do.

windowsinstallpage windowsinstallpage2 windowsinstallpage3

danielb987 commented 2 years ago

@silverailscolo @jerryg2003

When page is open to full screen on my laptop (display st at 1280x768 with 100% scaling), scrolling works, but display goes blank about a 1/3 of the way down. See picture. If I click in the display area, it comes back, but then goes blank about 3/4 of the way down. See picture 3. If I scroll back up, again the display will go blank but at a different point. See picture 3. I only have the Chrome browser so didn't check this on others.

I can confirm this on Brave, a Chromium based web browser, on Windows 8.1. But I don't see the problem on Firefox on Windows 8.1.