Improve ie compatibility (#92)

* Use getAttribute instead of dataset property

This is required because ie11 does not support the dataset property on
svg elements

* Remove use of template string

These are not ie11 compatible

* Bump version to 1.2.1

CHANGELOG.md

@@ -15,3 +15,7 @@
 ## 1.2.0
 
 - Add selector option
+
+## 1.2.1
+
+- Fix ie compatibility issues with svg's and error display

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aristotle-metadata-enterprises/aristotle_tooltip",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Aristotle Tooltip: add Aristotle functionality to any website!",
   "main": "dist/aristotletooltip.min.js",
   "scripts": {

src/tooltip.js

@@ -71,7 +71,7 @@ function getStartNode(selection) {
     if (type === 'object' && selection instanceof Element) {
         return selection;
     }
-    console.log(`${selection} is not a valid selector`);
+    console.log(selection.toString() + ' is not a valid selector');
     return document.body;
 }
 
@@ -83,7 +83,7 @@ function createTippyElements(options) {
     // Create a Tippy object for each element that has an attached aristotle id:
     for (let i = 0; i < elements.length; i++) {
         const element = elements[i];
-        const aristotleId = element.dataset.aristotleConceptId;
+        const aristotleId = element.getAttribute('data-aristotle-concept-id');
         tippy(element, {
             theme: 'light-border',
             placement: options.placement,