Comments (8)
@Jonnyprof could you tell more about your environment? Because I don't see a way how isPlatformBrowser
would return false
in any browser? this
in function which isn't an instance and isn't bound function should always return Window
instance.
And can you prepare some example on stackblitz by forking this project https://stackblitz.com/edit/ng-in-viewport-example?embed=1&file=src/main.ts
from ng-in-viewport.
Sorry, I didn't notice your reply.
I don't understand your question, sorry for my english. It happens with angular dev-server (ng serve) or in a web server with production build.
I've created a fork of your stackblitz where you can see (debugging or adding a logPoint) that your function isPlatformBrowser
is false. You can see it here https://stackblitz.com/edit/ng-in-viewport-example-6cpco8.
I've attached a screenshot too.
I'm logging config.hash console.log('hash:', config.hash, 'rootMargin:', config.rootMargin);
and it returns always false in a webserver environment but not in stackblitz because there global
is defined. global
is undefined normally in a browser environment. I've attached a screenshot.
You can download the stackblitz code and run it on a webserver and hash will be always false.
I've done more tests in a fork of your repository (https://github.com/Jonnyprof/ng-in-viewport/tree/hash-false) on branch hash-false
and hash is always false (console.log too).
I hope this help.
from ng-in-viewport.
I will switch to btoa as now node.js lts have that function in its global scope.
from ng-in-viewport.
@all-contributors please add @Jonnyprof for bug
from ng-in-viewport.
I've put up a pull request to add @Jonnyprof! 🎉
from ng-in-viewport.
Should be fixed in v15.0.0
from ng-in-viewport.
Great, thanks! Tell me if you need some testing help.
from ng-in-viewport.
@Jonnyprof You can install it and test if it works for you. As it was complete rewrite of library, it's now have 100% coverage. But unit tests are not real world scenarios. So it would be beneficial to see if it works in real app.
from ng-in-viewport.
Related Issues (20)
- Please provide IVY version HOT 4
- Library is blocked when CSP header 'unsafe-eval' is not specified HOT 6
- Is this repository a joke? HOT 1
- inViewportAction seems to run outside of NgZone HOT 6
- Bug: isn't working with scroll-snap-type: x mandatory HOT 3
- InViewportDirective should emit when the host element is destroyed HOT 6
- Support for Angular 17 HOT 3
- How to debounce the event? HOT 1
- Angular 18 RC-1 not working HOT 2
- Update angular monorepo to version 10.1.0 HOT 5
- Add tsdoc comments
- Downlevel generated .d.ts files to support angular versions >= v5 HOT 3
- Property 'options' is private HOT 4
- Upgrade angular from 10.1.3 to 10.1.4
- Threshold not working as expected or i miss-understood the conf. HOT 1
- Fix `jest` setup
- Trigger event after it's 100% in the viewport for time `t` HOT 2
- core.js:6456 ERROR Error: inject() must be called from an injection context HOT 1
- Preventing initial onIntersection method call 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 ng-in-viewport.