This is a migrated thread and some comments may be shown as answers.

Menu/Grid z-index bug

1 Answer 43 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Kent
Top achievements
Rank 1
Kent asked on 11 Oct 2012, 06:26 PM
See html source below.  When I put a menu and a grid control below it inside a window, dropping the menu causes it to display underneath the grid.  But when the menu and grid are not inside a window, it displays as it should.  It does this is all browsers.

<!doctype html>
<html>
<head>
  <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
  <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery.min.js" type="text/javascript"></script>
  <script src="js/kendo.web.min.js" type="text/javascript"></script>
  <script>
    $(document).ready(function() {
      $(".myWindow").kendoWindow();
      $(".myMenu").kendoMenu();
      $(".myGrid").kendoGrid();
    });
  </script>
</head>
<body>

  <ul class="myMenu">
    <li>Menu
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
      </ul>
    </li>
  </ul>

  <table class="myGrid">
    <thead>
      <tr>
        <th>Col 1</th>
        <th>Col 2</th>
        <th>Col 3</th>
      </tr>
    </thead>
  </table>

  <div class="myWindow">

    <ul class="myMenu">
      <li>Menu
        <ul>
          <li>Item 1</li>
          <li>Item 2</li>
          <li>Item 3</li>
          <li>Item 4</li>
        </ul>
      </li>
    </ul>

    <table class="myGrid">
      <thead>
        <tr>
          <th>Col 1</th>
          <th>Col 2</th>
          <th>Col 3</th>
        </tr>
      </thead>
    </table>

  </div>

</body>
</html>

1 Answer, 1 is accepted

Sort by
0
Kent
Top achievements
Rank 1
answered on 16 Oct 2012, 08:50 PM
Anyone home?  It's been 5 days.
Tags
Menu
Asked by
Kent
Top achievements
Rank 1
Answers by
Kent
Top achievements
Rank 1
Share this question
or