Comments (6)
Hi! I'd like to take a stab at this. Hope that works for you.
from codehike.
Hi! I'd like to take a stab at this. Hope that works for you.
Sure. I'm planning to refactor how annotations are handled soon, so if it ends up requiring a big change it will be better to wait.
from codehike.
gotcha. I'll figure out how big the change is.
from codehike.
here's what I found so far.
The render of the code element breaks because the <code>
element rendered has its opacity set to 0 due to the data-dh-measured
attribute being set to false
.
I don't fully understand why this is happening yet, but I have found that with a faulty focus annotation,
// focus(24:44)
the render loops (as in hitting the below breakpoint) through code-tween.tsx > Wrapper
2 times while a valid focus annotation
// focus(1:2)
loops 6 times. The measured
argument passed in changing to true
on the 3rd loop.
I'll keep investigating. Meanwhile, any feedbacks or directions appreciated
from codehike.
more digging around led me to the use-dimensions file. With the faulty annotation, the ref isn't being inserted into the JSX element for React.useRef(null!)
to pick up, causing dimensions to return null, on the 2nd render.
Pretty close to a solution I think.
from codehike.
no solution?
from codehike.
Related Issues (20)
- Code hike code block hides inside Tabs HOT 1
- Markdown code inside `details` tag not displayed in Firefox HOT 1
- Using with mdx `evaluate` throws error HOT 3
- Is it possible to include only a portion of an external file using the `from` annotation?
- wrong tab border in `one-dark-pro` theme?
- Expose a way to transform the copied code HOT 5
- Change release message HOT 1
- Vite + Code Hike HOT 2
- Link and mark annotations on the same line HOT 2
- Using `rows` inside `<CH.Scrollycoding>` HOT 1
- Make CH.Spotlight mobile responsive HOT 3
- Pass `staticMediaQuery` to ScrollyCoding via props HOT 1
- Next 13 RSC Dot Component notation not allowed on server HOT 1
- Multiple `from` annotations HOT 1
- Scrollycoding `triggerPosition` setting doesn't seem to get applied
- Codehike breaks Mermaid.js diagram rendering in Nextra HOT 1
- Allow import of external files with from-annotation HOT 1
- Problem with copy button overlapping text HOT 1
- How to use Scrollycoding with images 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 codehike.