Add option to control scroll chaining

[Chocobo1]

Describe the feature

With scroll chaining, when scrolling and scroll boundary is reached the underlying page will then start to scroll.
I would like an option to enable/disable the scroll chaining of the ace editor, or some way to apply it on the ace editor element. I already tried to apply overscroll-behavior: contain to ace editor but it has no effect.

MDN explains it better than me: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior#description
And also see the examples: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior#examples

Use Case

For example, on the right side http://turingmachine.io/ there is an element to enter some code. When the code has many lines, the vertical scrollbar will appear and the user will want to scroll. However, when the user scrolled down to the boundary and didn't stop quickly enough, the parent page starts to scroll and gives bad user experience (because user did not expect the parent page to scroll).

Proposed Solution

No response

Other Information

No response

Acknowledgements

• I may be able to implement this feature request
• This feature might incur a breaking change

ACE version used

1.35

[nightwing]

Currently you can use editor.container.addEventListener("wheel", function (e) { e.preventDefault()})

[Chocobo1]

Currently you can use editor.container.addEventListener("wheel", function (e) { e.preventDefault()})

Thanks, that worked!

Anyway, I leave the fate of this ticket to your discretion.

[InspiredGuy]

Since there is a way to prevent scroll chaining with current implementation, I will close this issue. If there will be a demand for an option instead of adding event listener this issue can be reopened.