Supporting an array of selectors

I’ve the need to create a tour that highlight a subset of DOM sibling elements.

Something like: driver.highlight('.foo, .bar');

I can’t use a parent node because the scope is to not highlight other siblings.

The expected final result should be probably to highlight the minimal rect that contains all of the elements.

Do you think that this new feature would be difficult to be implemented?

[ineentho]

+1 This is a feature I’m looking for to. My use case is to highlight several menu items that are next to each other.

I’d say the expected api would be driver.highlight([className | element, className | element...]).

[mclngl]

it’s not optimal but I managed to get around this by doing like so

tags.forEach((_, index) => {
      const driver = new Driver({
        allowClose: false,
        className: styles.Driver,
        opacity: 1,
        stageBackground: 'transparent'
      });
      driver.highlight(
        `.${styles.Filters} > .${styles.Tag}:nth-child(${index + 1})`
      );
  });