Unable to scroll on touchpad/trackpad (OpenFL/Feathers)

A mouse device scrolls through a Feathers TextArea successfully with its middle button, but I’m unable to do the same using the laptop’s touchpad scrolling gesture. The gesture I’m referring to looks like a 2-fingers slide in the trackpad. (Of course dragging the bar works.)

I tried both the horizontally-scrollable ScrollContainer example and the TextArea example. Follows is the mouse scrolling OK:

16.12.2022_18.49.02_REC

If the two-finger scroll gesture triggers a native mouse wheel event, it should work. All Feathers UI scrolling containers listen for MouseEvent.MOUSE_WHEEL. However, it is worth mentioning that OpenFL (and Flash before it) don’t support horizontal mouse wheel events. Only vertical.

I’m not sure, maybe the issue I’m having is with the HTML5 target then (vertical scroll too is not working in trackpad)? I’ve not tested it anywhere other than in the Feathers website though.

Vertical scrolling is working anywhere else in the web.

Oh, you’re right; it’s working, but a bit complicated to explain. In someway it’s currently different from the mouse…

It’s not working that well… It might be because the project is embedded into the Feathers UI site and it’s scrolling the site instead of the example itself. Also, if my 2-fingers are sliding in a certain angle, it mightn’t be taken as vertical scroll, which sums up why it’s not scrolling very well.

I recently committed a couple of changes on Github that should improve certain mouse wheel issues. They’ll be included in the next Feathers UI update, sometime early next year.

  • In some cases, the mouse wheel scroll distance was rounding down to 0. Now, a minimum value is enforced.
  • The HTML page will be prevented from scrolling if the mouse wheel causes a Feathers UI container to scroll. However, if a container is at its minimum or maximum, and it cannot scroll any further, the page is allowed to scroll.
1 Like