(perf)md-tooltip uses angular watcher per item

[clshortfuse]

This isn't a major issue at all, but md-tooltip is using 1 (or maybe 2) watchers per tooltip. While many won't see this as major, I'm currently using a large table that's completely structured to be bind once.

If, for example, I have 200 rows, and each row has a md-tooltip, it would be 200/400 watchers which are called on each digest. It has terrible performance. I am aware of the ability to use virtual-repeat, but for UX reasons, I cannot use it. I have opted to remove the md-tooltip for this reason. It seems a better performance fix would be to use DOM's hover/mouse-over/mouse-enter and then use an $apply when necessary instead of having each tooltip being watched on every digest.

I can construct a codepen to show the performance issues.

[nextor2k]

+1

[mcapu]

Is there a workaround for having performance problems due to having many md-tooltips right now? My situation is similar, although it's caused by several tooltips in each row.

[ThomasBurleson]

What about using a virtual repeater with 10-20 rows visible ?

[clshortfuse]

@ThomasBurleson I would if I could, but I've designed a full height single page app, so I can't mix a virtual repeater. At least I couldn't when I tried before.

I have 2 tables in one vertical element. Both tables are of dynamic height, but you scroll through the one parent element. I've solved the performance issue there with bindonce but I had to remove every tooltip.

If virtual repeater had something like this this with variables offsets, then I could probably do it