BS4 tooltips stopped working

Wappler General Bugs
3

I’ve added a patch-fix to the BS5Tooltips JS which works for me for now (I had a demo scheduled for tomorrow that I wanted it to work for). I also added a line to default to ‘auto’ placement if not specifically defined. Having the option for auto would be nice at some point.

dmx.Attribute('bs-tooltip', 'mounted', function (node, attr) {
  this.$addBinding(attr.value, function (value) {
    node.setAttribute('tooltip-title', value || '');
  })
  new bootstrap.Tooltip(node, {
    placement: function () {
      var pexpression = node.getAttribute('data-placement') || 'auto';
      return dmx.parse(pexpression) || node.getAttribute('data-placement') || 'auto';
    },
    trigger: 'hover',
    title: function () {
      var expression = this.getAttribute('dmx-bs-tooltip') || '';
      return dmx.parse(expression) || this.getAttribute('tooltip-title') || '';
    }
  });
});

I’ll adjust back to the original JS once done and wait for a proper update fix

1 Like