Vivaldi doesn't support overscroll-behavior: none

notjyc

Chrome, Firefox, Safari, and Edge all support overscroll-behavior: none, but Vivaldi seems to have disabled it. I want to use Vivaldi, but it's hard to do as an engineer working on a product where it's incredibly annoying if overscroll-behavior isn't supported. We make a spreadsheet, and horizontal scrolling constantly causes Vivaldi to go back and forward.

Pathduck

@notjyc Hello and Welcome to the Vivaldi Community

How can you know if the issue you're having on this one website is caused by a Vivaldi "not supporting" this CSS property?

Are you able to create a simple test case or an example site where this does not work as expected in Vivaldi?

The webpage rendering in Vivaldi is done by Chromium/Blink, and if it works in Chrome it should work in Vivaldi. If it does not, and you can show it does not, this is something you should make a bug report for.

I adapted this example from W3Schools to overscroll-behavior: none. The yellow "No overscroll chaining" div will not overscroll.
https://codepen.io/stianlund/pen/ZEMgmPm

It's an extreme overgeneralisation to claim that since this one website/spreadsheet you're working on doesn't work then this is caused by Vivaldi not supporting basic CSS features. You'll need to provide more proof.

notjyc

Put this in a .html file on your computer:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>overscroll-behavior: none</title>
    <style>
html, body {
    overscroll-behavior: none;
}
    </style>
  </head>
  <body>
      Use two fingers to scroll to the left.
  </body>
</html>

Make the tab go to example.com. Then paste the address for this file in your browser. overscroll-behavior: none doesn't work in Vivaldi, but does in Chrome and Edge.

Not sure why you're being so aggressive when this is so easy to test.

Pathduck

@notjyc said in Vivaldi doesn't support overscroll-behavior: none:

Make the tab go to example.com. Then paste the address for this file in your browser. overscroll-behavior: none doesn't work in Vivaldi, but does in Chrome and Edge.

No idea what that page is supposed to test? It doesn't have any content so there's nothing to scroll, and certainly not "to the left".
Also, I don't have a touch device.

Not sure why you're being so aggressive when this is so easy to test.

Not being "aggressive" - just saying you'll need to show more evidence that Vivaldi does not support this value, with examples.

Did you try the example I posted above - does that not work for you?

notjyc

If you don't have a touch device, then you won't be able to test this behavior. See:

Pathduck

@notjyc Wait, are you using Stable or Snapshot?

Are you talking about using two-finger scroll to go back in history?
At least that would make your very confusing "example" understandable...

See:
https://vivaldi.com/blog/desktop/workspace-fixes-vivaldi-browser-snapshot-2978-3/

Known Issues

[macOS] Two-finger swipe gestures do not trigger History Back/History Forward (VB-96150)*

But that has absolutely nothing to do with the CSS property overscroll-behaviour...

notjyc

Not sure why you're being so hostile. I was a big fan of Opera back in the day and was excited to try out Vivaldi but this really discourages me. I took a quick video for you because you keep calling the example confusing and don't seem to have even tried to read the MDN page. Nothing happens in the right-hand side because Edge implements the CSS property correctly.

https://jyc-static.com/f98abd29cf5e5c43f98d7572e5bf15ddb7a49c9eeb3738d0487685774026f259

Turning off notifications--good luck.

Pathduck

@notjyc At this point I can only suggest you make a proper bug report, with a test case showing the behaviour and report to the bug tracker.

Please read:

carefully and report the bug to Vivaldi bugtracker

And please explain how I'm being "hostile"? I'm just trying to understand from your very limited information what you are talking about. Your first post didn't even mention touch devices.