Tooltip only show for first element

[Rc85]

reactstrap version 6.4
react verison 16.4.2
bootstrap 4

In cases where there are elements with the same ID created through a loop or rendered from reusable components, the tooltip only show for the first element with the ID.

I try to fix it myself but I lack the knowledge of reading other people's code. The issue, I suspect lies here

function getTarget(target) {
  var els = findDOMElements(target);
  if (isArrayOrNodeList(els)) {
    return els[0];
  }
  return els;
}

It's always returning the first element of the list, even when there are more than one elements. In the original bootstrap 4, it initializes tooltip for any elements with the attribute data-toggle (from the example), thus allowing same tooltip to show on different same elements. Consider using a loop to loop through NodeList and apply the addEventListener.

[TheSharpieOne]

bootstrap works different and perhaps we should look into working more similar to how bootstrap does for this.
bootstrap has the reference to the tooltip on the trigger, allowing multiple triggers trigger the same tooltip.
reactstrap has a reference to the trigger on the tooltip. This allows multiple tooltips to be triggered by the same trigger.

[suung]

HI there,

nobody interested in fixing this?
Is there a reasonable approach, that reaches the same goal?

Cheers

[smilingkylan]

Definitely need a fix for this

[akhlesh]

I have fixed this, demo with the fix - https://stackblitz.com/edit/react-k8rkzv