Our blazing fast Grid component built with pure JavaScript


Post by janan »

Screenshot 2020-11-18 at 23.59.49.png
Screenshot 2020-11-18 at 23.59.49.png (124.53 KiB) Viewed 896 times

After the latest update of bryntum4, the tooltip does not work as in previous versions. In the following example, https://www.bryntum.com/examples/scheduler/tooltips/, I added the following tooltip widget,

var _commonTooltip = function(type, id, selector, url) {
  var obj   = {},
      json  = {},
      tip   = new Tooltip({
        id:                   id,
        forSelector:          selector,
        hideOnDelegateChange: true,
        showOnHover:          true,
        anchorToTarget:       false,
        hideDelay:            50, // The time (in milliseconds) for which the Tooltip remains visible when the mouse leaves the target
        listeners: {

    beforeShow: function() {

        tip.html = 'hello';
      },
    },

  });
};

and made eventTooltip as false.

_commonTooltip('column', 'columnTooltipId', '.b-grid-cell, .b-grid-cell *');

_commonTooltip('column', 'activitiTooltip', '.b-sch-event, .b-sch-event *');

. The tooltips does not dissapear on mouseleave in version4.0.3 but the same works in version3.1.9.
Please find attached screenshot fir version4.0.3 where tooltip does not disappear.


Post by alex.l »

Hi janan,

Thanks for the report. I was able to reproduce this issue. Looks like hideOnDelegateChange : true makes some problems. We will fix it. To track the status, please use this link: https://github.com/bryntum/support/issues/1910

All best,
Alex

All the best,
Alex


Post by pmiklashevich »

Hello @janan,

The issue you reported is not a bug. The tooltip stays because it is still over the cell. The event is in a cell, so it is over both targets. You can modify the selectors as following, for example:

commonTooltip('.b-sch-event-wrap, .b-sch-event-wrap *');
commonTooltip('.b-grid-row :not(.b-sch-event-wrap), .b-grid-row :not(.b-sch-event-wrap) *');

Or use our features, which provide you access to the eventTooltip and scheduleTooltip.

Best regards,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post Reply