Declined
Last Updated: 06 Nov 2019 10:17 by ADMIN
Chris
Created on: 29 Oct 2019 07:10
Category: Drawer
Type: Bug Report
0
When the text of a Drawer item contains multiple words the Drawer content is not displayed

Bug report
When the text of a drawer item contains multiple words, the hidden class is not removed.

Reproduction of the problem
Open and run this dojo
Notice the second item text is "My Notifications".
Click on the second item
Drawer content is not displayed

Current behavior
On click of an item with multiple words, the drawer content is not displayed

Expected/desired behavior
On click of an item with multiple words, the drawer content should be displayed.
A possible solution could be the removal of spaces:
e.sender.drawerContainer.find("#drawer-content").find("#" + e.item.find(".k-item-text").text().replace(" ","")).removeClass("hidden");

Environment
Kendo UI version: 2019.3.1023
Browser: [all]

 
1 comment
Wellington
Posted on: 30 Oct 2019 11:02

try this...

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    categoryAxis: {
      categories: ["foo bar"],
      labels: {
        visual: function(e) {
          var rect = new kendo.geometry.Rect(e.rect.origin, [e.rect.size.width, 100]);
          var layout = new kendo.drawing.Layout(rect, {
            orientation: "vertical",
            alignContent: "center"
          });
          var words = e.text.split(" ");
          for (var i = 0; i < words.length; i++) {
            layout.append(new kendo.drawing.Text(words[i]));
          }
          layout.reflow();
          return layout;
        }
      }
    },
    series: [{
      data: [1]
    }]
  });
</script>