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)
- Cannot Deploy to Heroku HOT 1
- Missing results for query "addPageExtension" and "addContentEntryType" HOT 1
- Add a page for CSS-in-JS HOT 2
- Dynamic Import of images using import.meta.glob() as described in the Documentation is causing error: ts(2322) HOT 4
- Change HTTP method for hx directive in partials section HOT 3
- Suggestion on CSS bundling behavior HOT 2
- Internationalization Update(other docs) HOT 3
- 404 link fails for one level deep paths HOT 1
- ⚠️ Issue - The 'Build Forms With API Routes' docs is not working HOT 1
- Left Sidebar Resets to Top After Page Refresh HOT 3
- CAPTCHA recipe needs checking HOT 1
- Verify Code in Build Forms recipe HOT 3
- Low Contrast Favicon in Safari HOT 2
- Documentation advises against using remark/rehype, but markdown example includes such plugins HOT 3
- Error when submitting website theme!
- left scroll bar issue. HOT 1
- ⚠️ Issue Reading Time HOT 5
- Handle errors in dynamic image import recipe HOT 5
- Issue with Astro Gatsby Migration Guide HOT 3
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.