Comments (4)
What version of safari are you running? Perhaps share a screenshot?
Thanks!
from rough-notation.
@pbamotra The plugin picks up changes to the viewport size via ResizeObserver
and renders again in that case.
It cannot detect changes to the DOM made by inline HTML edits, hot reloading environments and changes via DOM attributes such as .textContent
. In that case the annotation will not be redrawn automatically. You could trigger a redraw programatically via the .show()/.hide()
methods.
from rough-notation.
It seems good to me, I just tested it
from rough-notation.
I changed the word on your website to "Computer vision" and also the circle in the bottom you can see. I tested it on Brave browser using the devtools.
Also, yeah maybe the JS didn't refresh because I made HTML edits (I'm sorry, I'm new to web programming). But, you can check with annotating two words that usually fall on the boundary of the screen, and the underlining doesn't behave as expected.
from rough-notation.
Related Issues (20)
- Animation on hide() HOT 2
- Add Right-To-Left Support
- Notation becomes visible only after resizing window with Chrome and MS Edge HOT 1
- Uncaught ReferenceError: annotate is not defined HOT 1
- Idea: callback after animation
- Question: Delay annotate or annotationGroup from running HOT 1
- Underline loads on incorrect location, adjusts to a correct one on scroll HOT 3
- Question: Usage of Selectors HOT 3
- Question: Z-Index of Annotation HOT 2
- -
- Redundant statement in `RoughAnnotationImpl.show()` HOT 1
- Can anyone help me debug why it Rought-notation doesn't run in some text but it does in others?
- Roughness HOT 1
- [Bug] Positioning is wrong when transform: scale() is used HOT 1
- W3C Web Annotations, Web Archiving; Linked Data
- Alternate styles - "Sun Lines" - Is it possible?
- Cannot use import statement outside a module HOT 1
- I hope to support Vitepress or Astro. HOT 2
- Rough notation's highlight strokes are always display in-front of other elements
- Option to update text color when highlighted
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 rough-notation.