Last Updated: 23 Nov 2018 09:03 by ADMIN
Created on: 22 Nov 2018 13:14
Category: Upload
Type: Feature Request
Kendo Upload - ToolTip Issue


I came across an issue in Kendo Upload UI for Vue. The tooltip is not getting changed on file drag. I could reproduce the same in the official kendo website.

Please find the screenshot below

Veselin Tsvetanov
Posted on: 23 Nov 2018 09:03

Here is the link to the public item in the Feedback portal, where you could cast your vote for.

Veselin Tsvetanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Veselin Tsvetanov
Posted on: 23 Nov 2018 09:00
Hi Sunil,

The observed tooltip is automatically applied to any empty <input type="file"> element. In our internal implementation, the Upload widget creates a new empty <input type="file"> element for every new selection. Therefore, there is always one such element present in the widget. As a consequence the Chrome browser displays the observed tooltip.

In order to avoid that issue, I could suggest you to use the following overrides for the select and remove / clear events of the widget:
select: function(e) {
  var element = e.sender.element;
  element.attr('title', 'File selected')
clear: function(e) {
  var upload = e.sender;
  var element = upload.element;
  setTimeout(function() {
    if (upload.getFiles().length === 0) {

Here you will find a Vue sample implementing the above suggestion.

Meanwhile, I have converted the following thread to a Feedback portal item. Based on the support it receives from the community, we will decide on whether to include the the suggested override as a part of the Upload widget source code.

Veselin Tsvetanov
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items