Giter VIP home page Giter VIP logo

Comments (7)

pardoman avatar pardoman commented on June 9, 2024

Agreed, the current behavior is horrible in Chrome/Mac when using the touch pad.

from aoe2techtree.

pardoman avatar pardoman commented on June 9, 2024

Here's an example of the jumping behavior.

I first scroll in one direction by swiping left on a trackpad a few times, then scroll back by swiping right.
Notice the jumping behavior, especially when scrolling back.

aoe-scroll-issue

from aoe2techtree.

HSZemi avatar HSZemi commented on June 9, 2024

Well, I do not have access to an input device that does multidirectional scrolling. This means I cannot test if this simple solution works for you both, so please test it and report back: https://hszemi.github.io/aoe2techtree/#Aztecs

While this feature might in its current state be a nuisance to you, and understandably so, it has been requested by others. I myself find it very handy as well. Therefore I would very much like to keep it, and instead try to make it work for you as well.

The right hand side part of the tech tree should adapt its height to the available vertical space, so scrolling vertically there should never be necessary. If that is not the case, I would consider that a bug. Alternatively, there should be a vertical scrollbar that can be used. Or keyboard arrows, as you suggested.

A UI control to disable the feature I would see as a last resort since that would take up valuable screen space. I hope there is a more covert way to resolve your issues.

from aoe2techtree.

paulirish avatar paulirish commented on June 9, 2024

I can repro the odd scrolling issues when using the trackpad on my macbookpro.

I spent some time with https://hszemi.github.io/aoe2techtree/ and it seems smooth there, no jumps.


I will point out that there's an alternative to this wheel/delta handling… The shiftkey + scrollwheel combo does universally scroll horizontally. AFAIK it's been supported in OS/browsers for decades.

I have been successfully using shift+wheel on the webapp for a while now. (you can try on my older fork that's missing the wheel handling) Of course, most people aren't aware of this and that's a UX challenge on its own.

from aoe2techtree.

HSZemi avatar HSZemi commented on June 9, 2024

Thank you for testing and reporting your result 💛
Since the change apparently is an improvement and does not have new known side effects, I have applied it to the main site.

I know about scrolling vertically with shift+wheel, but on the techtree website it feels like walking with ball and chain to me. I need 11 turns of the wheel to traverse the tech tree completely with shift+wheel, as opposed to about six turns with horizontal auto-scroll.
An added bonus is of course that the in-game tech tree also scrolls horizontally without shift.

from aoe2techtree.

paulirish avatar paulirish commented on June 9, 2024

An added bonus is of course that the in-game tech tree also scrolls horizontally without shift.

yeah that's a very good point.

from aoe2techtree.

HSZemi avatar HSZemi commented on June 9, 2024

Looks like the current solution has not spawned new issues so far 🙂
Closing this for now.

from aoe2techtree.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.