Microsoft Edge Browser and SENSE Web V11.1 'Scroll bar issue'

Is anyone else having a problem that is using the latest version of Microsoft Edge browser and the PC Web V11.1 interface? My screen does not have a ‘scroll bar’ (slider bar) showing anymore. It has been this way for about 2 months or more.

Other info:




1 Like

Here’s a similar post (Web app on Chrome missing scroll bars), however the resolution seems unclear.

1 Like

To: @james_reilley and @chrisd253 Is the Chrome browser still having issues? You posted an issue in Dec 2019.

My 3 cents… Running Chrome…Version 84.0.4147.135 (Official Build) (64-bit)… In Sense under devices there is no scroll bar. Did not miss it for I had been using the wheel on the mouse. Don’t use the Microsoft edge you were talking about. Looks on the left with the devices it maybe the same issue… hard for me to see…no scroll bar, but use the mouse wheel… Sense is version 11.1… Later…Gerry

The scroll bar is turned off from being displayed in the code of the site. So unless it was an accident by the Sense team, this is not a bug.
I assume they did this to save the space of the scroll bar and keep the page looking a little cleaner. It is problematic if you happen to be using a mouse without a scroll wheel, but other wise is pretty standard these days on Web Apps.

body ::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 10px;
display: none;

So how does the SENSE user “re-able” this feature (slider bar) in both:
Chrome -or-
Edge?

Thanks

There isn’t a Sense setting to do this. The page is coded the way its coded. But you can use Chrome (and I assume Edge)'s built in code inspector to modify the style sheet of the page while you are viewing it. You will have to do this each time. There is probably some type of extension out there to do this for all sites, but I would be wary with extensions as many are malicious.

In Chrome, you can use the inspector to disable that line of code. Since Edge is just basically MS branded Chrome with some tweaks, I sort of assume you can do the same.

Right click somewhere in the device list and choose “Inspect”.
This will open the inspection window. Make sure you are in the “Elements” tab, and then on the right under styles, type in scroll in the search bar and it should find you the code snippets which include the word scroll.
Look for
body :: -webkit-scrollbar
and then uncheck
display: none;

This will turn off the option to hide the scroll bar.

@Ben Thanks for the detailed reply. I am using the Edge browser.
@JustinAtSense - Is this a known defect?

When I follow your example on using any other web page, I see the scroll feature listed.

When the SENSE Web page is active, then no scroll features are listed.

Expanded detail of the above page.

My initial reaction is this is a lot of detailed screen management for the average SENSE user to have to make changes to. The scroll feature has worked in the past. I have examples.

Hey @Dcdyer. I checked with our front-end UI developer and this doesn’t seem to be a bug/defect on our end. Edge, like Chrome & Safari (but not Firefox) hide the scrollbars by default. If you happen to like scrollbars, I might suggest using Firefox. It’s not a defect on our side. It’s UX evolution on the browser side of things.

@JustinAtSense All of my other apps where I use EDGE work just fine. There is no issue with the scrollbar on any of the other websites or apps while I use EDGE. Only the SENSE app has this issue. It can’t be that it is a ‘default’ setting as you suggest. I provided an example where the scroll bar works correctly.

@Dcdyer My apologies - on first glance, your example looked like it was a scroll bar for the “Inspect Page” element on the right-hand side of the screen (which I would expect to still have a scrollbar).

Had to do a little bit of research, found out this was tweaked around ~8 months ago.
Around that time, there was a design decision to lightly suppress the scrollbars with a CSS setting of overflow: scroll. By lightly suppress, we mean that some browsers (like Firefox) will ignore this setting while a user can override the setting in other browsers. See this article for more information: https://answers.microsoft.com/en-us/edge/forum/all/why-does-the-scroll-bar-disappear-in-microsoft/29a3c27f-5e39-4e08-a105-f9fa2c757343