Tooltip not showing in HTML5 fullscreen

[Afandi]

Hi Telerik,

Tooltip not showing if we put chart inside HTML5 fullscreen.

You may refer here for your reference.

[Angel Petrov]

Hi Afandi,

The problem in this case is that we render the tooltips at the end of the body and in fullscreen mode the browser only displays the html element which is targeted and neglects the other DOM elements. This means that a possible solution would be to move the tooltips inside the visible area. Here is a modified dojo illustrating a possible implementation. Below I am pasting the relevant code.

seriesHover: function (e) {
                    setTimeout(function () {
                        var tooltip = $("div.k-tooltip.k-chart-tooltip");
                        var example = $('#example');
                        example.find("div.k-tooltip.k-chart-tooltip").remove();
                        example.append(tooltip);
                    }, 200);
                },

Regards,
Angel Petrov
Progress Telerik