shapeMouseEnter/Leave problems

2 posts, 0 answers
  1. Edo
    Edo avatar
    87 posts
    Member since:
    Jul 2015

    Posted 24 Apr 2016 Link to this post

    shapeMouseEnter and Leave events are sometimes called, but not always. To repeat this bug, just drag mouse over squares. Sometimes it is painted and sometime it is not.


  2. T. Tsonev
    T. Tsonev avatar
    2834 posts

    Posted 27 Apr 2016 Link to this post


    This is an SVG-specific behavior caused by the lack of fill on these shape. It can be resolved by applying a fully transparent fill:
    style: {
        fill: {
            color: "#fff",
            opacity: 0

    Same for the toggling code. Here we're using the fill(color, opacity) function:
            shapeMouseEnter: function(e) {
              e.shape.fill("#339fc3", 1);
            shapeMouseLeave: function(e) {
              e.shape.fill("#fff", 0);

    See the updated snippet. I'll add this to the documentation for future reference.

    T. Tsonev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top