Comments (3)
Hello
I tried with an app by generated Vue app generator and couldn't reproduce this situation. Can you provide smaller set for the reproduce this problem please?
Thank you for reporting.
from countly-sdk-web.
Hi @frknbasaran !
Sure, here it is:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Countly issue-39</title>
<script type='text/javascript'>
let elements = [];
function initialize() {
elements = [document.getElementById('text0')];
}
function changeColor(newColor) {
for (let e of elements) {
e.style.color = newColor;
}
}
function addFeedbackWidget() {
Countly.q.push(['enable_feedback', { popups: ['WIDGET_ID'] }]);
}
document.addEventListener('DOMContentLoaded', function() {
initialize();
});
</script>
<script type='text/javascript'>
var Countly = Countly || {};
Countly.q = Countly.q || [];
Countly.app_key = "APP_KEY";
Countly.url = "SERVER_URL";
(function() {
var cly = document.createElement('script'); cly.type = 'text/javascript';
cly.async = true;
cly.src = 'https://cdn.jsdelivr.net/npm/countly-sdk-web@latest/lib/countly.min.js';
cly.onload = function(){Countly.init()};
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cly, s);
})();
</script>
</head>
<body>
<div id="text0">This is the issue #39 demo.</div>
<button onclick="changeColor('red')">Red</button>
<button onclick="changeColor('green')">Green</button>
<button onclick="changeColor('blue')">Blue</button>
<button onclick="addFeedbackWidget()">Call enable feedback</button>
</body>
</html>
Please, change WIDGET_ID
, APP_KEY
and SERVER_URL
appropriately.
Indeed, it isn't a problem with Vue or any other framework. The problem is that if you insert anything in a script before the call to enable_feedback
, when the function execute document.body.innberHTML += 'whatever'
it regenerates everything loosing any reference to a previous generated variables.
I created the PR #40 to fix it, changing document.body.innerHTML += '...'
with document.body.insertAdjacentHTML('beforeend', '...');
. This way, the body is not reprocessed.
from countly-sdk-web.
Fixed by #40
from countly-sdk-web.
Related Issues (20)
- Do you offer a notification service for web HOT 2
- Element is Not Defined With React Integrations HOT 1
- Countly installs a non-compliant polyfill for Element.closest HOT 8
- Lighthouse error "Registers an unload listener" from the tracking script HOT 1
- Pass user agent with all requests HOT 1
- [Security Issue] Semi-persistent DOM XSS HOT 2
- How to integrate this sdk with βAnt Design Proβ? HOT 2
- Bug: Countly doesn't correctly remove consent for custom groups. HOT 3
- version inconsistencies HOT 2
- It is not possible to cancel the timed event HOT 5
- Session duration issues HOT 2
- Shipping Countly In a WebWorker Context HOT 11
- Device ID not used for the queued queries when disabling offline mode HOT 1
- Can not work when the salt on Countly server is set HOT 5
- China map is displayed incorrectly HOT 1
- After using "opt_out" method, "opt_In" method does not work properly without reloading the browser screen. HOT 2
- send json string to countly HOT 2
- Source maps
- Uncaught TypeError: Converting circular structure to JSON HOT 4
- CORS issue with Next.js and countly-sdk-web 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 countly-sdk-web.