Skip to content

Highlight method doesn't show "X" to close, appears to be marked with style='display:none' #444

Description

@yogat3ch

The docs indicate:

Note: When using the highlight method to highlight a single element, the only button shown is the close button.

However, using the following snippet:

const driver = window.driver.js.driver;
        const newDriver = new driver({
  animate: true,
  overlayColor: "black",
  smoothScroll: false,
  allowClose: true,
  overlayOpacity: 0,
  stagePadding: 10,
  stageRadius: 5,
  allowKeyboardControl: true,
  disableActiveInteraction: false,
  popoverClass: "scoped-class",
  popoverOffset: 10,
  showProgress: false,
  progressText: false,
  nextBtnText: "Next",
  prevBtnText: "Previous",
  doneBtnText: "Done"
});
newDriver.highlight({
  element: "#navbar-save_session",
  popover: {
    title: "Save a Session",
    description: "Now is a great time to save your session.",
    side: "bottom",
    align: "center"
  }
})

The highlight popover that comes up has the x button to close hidden (I unchecked the property to make it visible):
image

Seems like this is a bug?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions