Allow pointer events on popover
Browse files- index.html +1 -1
- src/driver.ts +1 -1
- src/style.css +2 -1
index.html
CHANGED
|
@@ -329,7 +329,7 @@ npm install driver.js</pre
|
|
| 329 |
|
| 330 |
window.setTimeout(() => {
|
| 331 |
driverObj.highlight({ element: "h2" });
|
| 332 |
-
},
|
| 333 |
});
|
| 334 |
|
| 335 |
document
|
|
|
|
| 329 |
|
| 330 |
window.setTimeout(() => {
|
| 331 |
driverObj.highlight({ element: "h2" });
|
| 332 |
+
}, 6000);
|
| 333 |
});
|
| 334 |
|
| 335 |
document
|
src/driver.ts
CHANGED
|
@@ -26,7 +26,6 @@ export function driver(options: Config = {}) {
|
|
| 26 |
}
|
| 27 |
|
| 28 |
function init() {
|
| 29 |
-
// Avoid multiple initialization
|
| 30 |
if (isInitialized) {
|
| 31 |
return;
|
| 32 |
}
|
|
@@ -58,6 +57,7 @@ export function driver(options: Config = {}) {
|
|
| 58 |
destroyEmitter();
|
| 59 |
}
|
| 60 |
|
|
|
|
| 61 |
return {
|
| 62 |
drive: (steps: DriveStep[]) => console.log(steps),
|
| 63 |
highlight: (step: DriveStep) => {
|
|
|
|
| 26 |
}
|
| 27 |
|
| 28 |
function init() {
|
|
|
|
| 29 |
if (isInitialized) {
|
| 30 |
return;
|
| 31 |
}
|
|
|
|
| 57 |
destroyEmitter();
|
| 58 |
}
|
| 59 |
|
| 60 |
+
// @todo make popover selectable
|
| 61 |
return {
|
| 62 |
drive: (steps: DriveStep[]) => console.log(steps),
|
| 63 |
highlight: (step: DriveStep) => {
|
src/style.css
CHANGED
|
@@ -7,7 +7,8 @@
|
|
| 7 |
}
|
| 8 |
|
| 9 |
.driver-active .driver-active-element,
|
| 10 |
-
.driver-active .driver-active-element
|
|
|
|
| 11 |
pointer-events: auto;
|
| 12 |
}
|
| 13 |
|
|
|
|
| 7 |
}
|
| 8 |
|
| 9 |
.driver-active .driver-active-element,
|
| 10 |
+
.driver-active .driver-active-element *,
|
| 11 |
+
.driver-popover, .driver-popover *{
|
| 12 |
pointer-events: auto;
|
| 13 |
}
|
| 14 |
|