Comments (4)
Preventing the tabs from scrolling, results in a bad user experience on this page: astro-docs-sharing-state, The same problem occurred with the smooth scrolling feature.
Examples
tabs with no scrolling
no-scroll.webm
tabs with smooth scrolling (current)
smooth-scroll.webm
tabs without smooth scrolling
without-smooth.webm
from docs.
So the decision was to scroll to the tab without smooth scrolling?
I don't get why there even is a scrolling there. Starlight doesn't. Although I listed it as one of the expected behaviors it is the least user-friendly of the 3 IMHO.
from docs.
See Otterlord’s comment: #5711 (review)
Starlight doesn’t currently include synced tabs, which is what introduces the need for scroll management (because toggling multiple different heighted tabs on the page can cause weird jumps). We currently have a very simple approach that just always scrolls to the top of the page, but @TheOtterlord is working on an improvement so they don’t scroll!
from docs.
Huum, I see. Now it makes sense why there is the jump. It was clearly an intentional addition, just not clear why. Go TheOtterlord!!
from docs.
Related Issues (20)
- Suggestion to improve web components example code
- Is it true that you can use a `jsconfig.json` ? HOT 5
- Code error in recipe Build Forms with APIs? HOT 1
- Code error in Statamic guide graphQL query?
- Improve Custom Animations code example for View Transitions guide HOT 2
- ⚠️ Issue Supabase & Astro guide, missing prerender set to false on hybrid
- Add how to use a fallback slot with `client:only`
- Add link to template directives directly from `astro-components` page
- Discoverability of image helper with content collections
- Types for `globalThis` aren't recognized HOT 2
- Document passing information from a component to a function slot HOT 5
- document docs' node version HOT 2
- reconsider backend, CMS, and migration guides' navs item order for better UX HOT 7
- Update View Transitions Docs HOT 7
- Improve `Astro.redirect` doc with static/server differences HOT 2
- Configuring Astro guide is not in nav HOT 5
- Inaccurate Page interface for Pagination in Routing guide HOT 1
- Using a common Layout component for Markdown pages and content collections HOT 1
- Improve title style HOT 1
- Request: Clarify "out-of-the-box" JSX/TSX support HOT 1
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 docs.