Progress Bar Selector Icon Not Displaying

Gantt
#1

Hi all,

I have a weird issue. When I run my gantt chart from my hosted IIS server, I am unable to see the progress bar drag icon. This will probably confuse my users. The weird part is that I am able to see it when I run locally. I have posted my template code to show you what I have tried.

gantt.attachEvent("onBeforeTaskDrag", // before task is dragged
        function (id, mode, e) {
            var task = gantt.getTask(id);
            if (mode === "progress" && (task.type === gantt.config.types.project || task.template)) {
                console.log("You cannot update progress of a template");
                // prevent direct updating of project's completion percentage because it is calculated base on child tasks or it is a template
                return false;
            }
            return true;
        });
   gantt.templates.task_class = function(start, end, task) {
        //var css = [];
        //if (task.type == gantt.config.types.project) {
        //    css.push("drag_progress");
        //}
        //return css.join(" ");
        //if (task.progress < 0.5) return "bad";
        //return "";
        if (task.template == true) {
            return "bad";
        }

        if (gantt.hasChild(task.id) > 0) {
            return "bad";
        }

        if (task.template == false) {
            //console.log("you are updated the progress of a non template");
            return "good";
        }
        return "";
    }
<style>
   /*Made my own styles here, so it wouldnt mess with our flat styles*/
   /*This is for hiding the progress bar on templates and project level tasks*/
     .bad .gantt_task_progress_drag {
         display: none !important;
     }

    .good .gantt_task_progress_drag {
        display: unset !important;
    }
</style>

Can anyone relate to this problem, and maybe toss me some ideas to try?

#2

In case anyone was confused here is an image of the icon, from my local host:

#3

Hello,

Unfortunately, we couldn’t reproduce the issue. It will be nice if you could provide with a complete demo or share with a demo link, where the problem can be reproduced.

#4

Polina - I can’t recreate it either - thats what is making it so odd. Is the selector a physical icon? Or a CSS attribute? It shows locally, but not when it is being hosted.

#5

The “unset” property is relative new addition to the CSS.
Are you using any css pre-processing before publishing to the production server? It possible that “unset” instruction is removed during publishing.
Also, please beware that it will not work in any version of IE except of latest build of MS Edge.

#6

I will look into that issue today. We minify and bundle our CSS and JS files, I am going to search those files to see if i see anything.