Comments (12)
@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.
Should it be moved to https://github.com/w3c/tr-design/ ?
I think it should.
from tr-design.
(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.
would it make sense to use the prefers-reduce-motion
feature to switch to having the two columns scroll together?
from tr-design.
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.
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.
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.
I think the first option ("scrolling rate the same for the 2 columns") solves the problem actually
from tr-design.
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.
Works great for me!
from tr-design.
.... Until the left column runs out.
from tr-design.
@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)
- Bidi support
- WCAG 2.2 target size issues on Table of contents HOT 1
- Should "It is not a W3C Standard nor is it on the W3C Standards Track." be more clearly displayed? HOT 1
- Linking to latest Snapshot
- Auto-add title attribute for amendments
- Add a "domintro" style HOT 12
- Links within `ins` elements cannot be distinguished visually HOT 5
- Incorporate RFC2119 styling HOT 5
- Styling Audit HOT 1
- Where are the current styles? HOT 3
- Dashed underline for text insertion style not working HOT 2
- Upstream style for test boxes generated by bikeshed
- Upstream "algo container" styles to W3C stylesheet? HOT 8
- Images for invisible, whitespace, and combining characters HOT 5
- current "Single Codepoint Template" is incorrect and produces poor rendering
- .dark class for dark mode HOT 3
- Provide styles for sticky table headers HOT 1
- Table of Contents header contrast too low in dark mode
- fixup.js: open `<details>` when referencing ID inside details HOT 1
- Document convention - Unnecessarily hard to read high stakes information HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tr-design.