Giter Site home page Giter Site logo

Comments (12)

frivoal avatar frivoal commented on August 25, 2024

@chrishtr @plehegar This issue seems relevant for many specs, not just of the CSSWG, but of all W3C. Should it be moved to https://github.com/w3c/tr-design/ ?

from tr-design.

svgeesus avatar svgeesus commented on August 25, 2024

Should it be moved to https://github.com/w3c/tr-design/ ?

I think it should.

from tr-design.

dontcallmedom avatar dontcallmedom commented on August 25, 2024

(not a solution to the issue which needs to be addressed in the style sheet, but as a temporary workaround, the second column disappear in narrow-enough windows)

from tr-design.

dontcallmedom avatar dontcallmedom commented on August 25, 2024

would it make sense to use the prefers-reduce-motion feature to switch to having the two columns scroll together?

from tr-design.

MarjaE2 avatar MarjaE2 commented on August 25, 2024

That makes sense to me.

For user-end workarounds, relying in page down instead of scrolling, or reducing frame rate to no more than 1 frame/second, can help. I find it helpful to push any boundary between scrolling and non-scroling elements close to the edge of the screen, and using a smaller window doesn't help with that.

from tr-design.

plehegar avatar plehegar commented on August 25, 2024

Makes sense to me as well. @deniak , is that something you'll like to try or should I look in doing it?

from tr-design.

deniak avatar deniak commented on August 25, 2024

Makes sense to me as well. @deniak , is that something you'll like to try or should I look in doing it?

I'll give it a try this week but what are the expectations regarding the scrolling? The TOC and the content of the spec have different heights so do you expect the scrolling rate to be the same for the 2 columns or proportional to the height of the sections?
I'm assuming it's the second option as the first one will not really solve the issue but it feels a bit weird to have different scrolling speeds on the same page as well.

from tr-design.

dontcallmedom avatar dontcallmedom commented on August 25, 2024

I think the first option ("scrolling rate the same for the 2 columns") solves the problem actually

from tr-design.

deniak avatar deniak commented on August 25, 2024

Ok, I gave it a try and you can see the result here. Please comment on the PR if you have any remarks.

from tr-design.

MarjaE2 avatar MarjaE2 commented on August 25, 2024

Works great for me!

from tr-design.

MarjaE2 avatar MarjaE2 commented on August 25, 2024

.... Until the left column runs out.

from tr-design.

dontcallmedom avatar dontcallmedom commented on August 25, 2024

@MarjaE2 unfortunately https://cdn.statically.io/gh/w3c/tr-design/2-column-scroll/src/README.html no longer reflect the latest version of #293 which I think solves this; we'll ping you as soon as we have a proper rendition of that latest version

from tr-design.

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.