Comments (6)
I have the same issue here. Heading list truncated when they are a lot of titles in a section (more than 30).
I have applied the workaround suggested and it worked.
from tocbot.
I've updated the readme to call this out here:
https://github.com/tscanlin/tocbot?tab=readme-ov-file#troubleshooting
Thanks for the comment!
from tocbot.
Hey, my only issue is that changing that value to higher numbers can affect the animation, at least the last time I checked. An option could be added to be able to specifically override this via an inline style made via JS, but for now I'd say just overriding the CSS for this use case may make the most sense.
from tocbot.
Hi Tim,
The animation should be fine because I used a different Bézier curve for the transition for opening and closing a heading. See the comment in the code above.
In my opinion, an option would complicate the use of tocbot. More importantly, in a document with long headings where I need to set this option to a high value, this would result in a barely visible transition for short headings, which of course could also exist in this document.
Overriding is of course an option. Feel free to close this issue.
Winfried
from tocbot.
Hey, sorry I missed that part about the bezier curve changes. That's a great idea! So does it not affect the transitions for shorter / smaller toc sections? Let me test this out locally too. Thank you!!
from tocbot.
When I tried this out it seemed to cause a tiny bit of a delay with the animations, but wasn't too noticeable. I'm glad this solved your use case. I will be sure to refer other people here if they have the same issue and will consider adding a callout in the readme if more people run into this. Thank you!
from tocbot.
Related Issues (20)
- index.d.ts mismatch current options HOT 2
- No highlight in Hugo Dream template HOT 2
- How can I add an extra nav link for example "Comments"? HOT 3
- headingsOffset does not work with scrollSmooth: true HOT 5
- Additional input text line for either filtering or searching HOT 2
- Ignore header tags with no ids HOT 1
- Tocbot scrolls to the right position onClick but highlighting doesn't seem to show the active section HOT 4
- Structural issue while using readme API HOT 3
- ESM version HOT 5
- Added ESM version breaks storybook build HOT 26
- Structure changed and now index.js references non-existent src dir HOT 2
- Tocbot links not activating in CSS grid layout HOT 5
- No more types? HOT 2
- Next.js SSG + markdown-it HOT 13
- Incorrect entry point for cjs HOT 8
- Unable to scroll for several seconds when smooth scrolling is disabled HOT 3
- Not showing h3, h4 in TOC? HOT 4
- tocbot is not defined when trying to run storybook 6 locally HOT 6
- Error "no default export" when using latest (4.29.0) and typescript HOT 2
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 tocbot.