Site problem with Safari

I am using Safari on Ventura 13.4.1. There is a problem I noticed some time ago using Safari on dpreview. The problem does not occur on other websites using Safari. The problem also does not occur using Opera on dpreview.

Using the dpreview Dark mode (which is what I prefer) the scroll bar on the right side is white with a very light gray, thin outline -- it should be solid gray. It is very hard to see. Using dpreview Light mode is okay because the scroll bar is solid gray. Here is a screenshot that shows it between the red marks:

Henry Richardson said:

I am using Safari on Ventura 13.4.1. There is a problem I noticed some time ago using Safari on dpreview. The problem does not occur on other websites using Safari. The problem also does not occur using Opera on dpreview.

Using the dpreview Dark mode (which is what I prefer) the scroll bar on the right side is white with a very light gray, thin outline -- it should be solid gray. It is very hard to see. Using dpreview Light mode is okay because the scroll bar is solid gray. Here is a screenshot that shows it between the red marks:

Click to expand...

I updated to Ventura 13.5.1 today which also includes a new Safari. The problem with the dpreview site remains though.

Henry Richardson said:

Using the dpreview Dark mode (which is what I prefer) the scroll bar on the right side is white with a very light gray, thin outline -- it should be solid gray. It is very hard to see. Using dpreview Light mode is okay because the scroll bar is solid gray. Here is a screenshot that shows it between the red marks:

Click to expand...

The problem does not occur with Chrome and Opera. Someone reported that it does not occur with Firefox either. It is only Safari that the problem occurs, but it only occurs with Safari on the dpreview site using Dark reading mode. On other sites Safari is okay. It seems to indicate that this is a dpreview bug.

Gregor Samsa has spent time investigating this problem and posted about it here:

https://www.dpreview.com/forums/post/67240209

I have the same issue as you - almost invisible scrollbar on this site, just in MacOS Safari. Other sites display a visible scrollbar in Safari, and other browsers display a visible scrollbar on DP Review.

I think the issue is something that DP Review is doing in its Style Sheets (CSS). In standard CSS, there's limited functionality that allows you to influence the appearance of the scrollbars. But Webkit (the engine behind Safari) has some custom extensions that allow for much more control over the look of them. These "-webkit-scrollbar" properties are being used in one stylesheet (imageViewer.min.css), but it seems to be specifically for the "film strip" on the gallery pages.

I have had a very quick look though the various StyleSheets (and JavaScript) that DP Review uses, and I can't find any specific code that influences the browser window scrollbar (there is some to influence scrollbars in elements within the page), but that doesn't mean that it isn't hidden away somewhere.

If you enable the Developer menu item in Safari's settings, and then use it to choose "Disable Styles", the page will load without any CSS rendering it. It'll look a mess, but you'll notice that the scrollbar becomes the default appearance - grey and visible. This is confirmation that some CSS code somewhere in the site is rendering the scrollbars almost invisible.

Note that this could be an unintentional bug - they could be trying to do something else, but it's having an unintended effect on the scrollbar in Safari.