Code Monkey home page Code Monkey logo

Comments (3)

davisriedel avatar davisriedel commented on June 23, 2024 4

I created a new plugin based on this one, which has many new features. I also fixed this issue. You can check it out here. The plugin is currently in beta. At first I wanted to post a PR to this plugin, but because I had to completely rewrite most parts (to make the new features possible), I decided to turn it into a new plugin, as discussed in #44.

from cm-typewriter-scroll-obsidian.

pwharrison avatar pwharrison commented on June 23, 2024 2

I'm experiencing this too.

This behavior happens when Obsidian's Show inline title setting is enabled in the Appearance section. It's happening because the Typewriter Scrolling plugin is targeting the <div class="cm-content" ...> element when it adds padding to the top and bottom of the note content. Obsidian inserts the inline title just outside the cm-content element, under the <div class="cm-sizer"> element, so the plugin ends up inserting the padding between the inline title and the content.

I was able to fix this issue on my end by hacking typewriterScrollPaddingPlugin and resetTypewriterScrollPaddingPlugin in the main.js file directly to target the cm-sizer element instead of cm-content when adding and removing the padding, but I wouldn't recommend this method for others. I'm sure there's a better way to do it.

from cm-typewriter-scroll-obsidian.

TheMoorePaul avatar TheMoorePaul commented on June 23, 2024

Resolving this issue would be a massive usablility boost. Keeping my eye on it.

from cm-typewriter-scroll-obsidian.

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.