kamranahmedse / driver.js

A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

Home Page:https://driverjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

is it possible to set width and height of popover at individual step level dynamically?

mydigitalpro9 opened this issue · comments

I would like to set dynamic width and height for popover at individual step level.

I was trying to set width and height at onPopoverRender method with in individual step but not able to modify current step popover width and height.

Also verified CSS on inspector I could see max-width already present from library default css but I could override it.

Kindly let me know how can we set width and height of popover on the fly.

Screenshot 2024-01-29 at 12 57 20 AM Screenshot 2024-01-29 at 12 59 49 AM

Default driver.js css max-width: 300px is way to small for my purpose.
So i try to overwrite the css. Almost works fine, but the arrow position is sometimes wrong (ie. on right side instead of left).
image
I use auto position of the driver (do not pass any arguments to force the position).

Any idea how to increase the max-width and keep the arrow to render in proper position?