Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<title>Welcome to JS Bin</title>
<meta name="viewport" content="width=device-width">
</head>
  
<body>
  
<ul id="menu" style="width: 150px;">
  <li>
    <a href="#">Menu One</a>
    <ul class="submenu">
      <li>
        <div>
          <span>Button here</span>
        <button class="trashIcon" >&nbsp;</button>
        </div>
      </li>
    </ul>
  </li>
</ul>
  <br />
  <span>Outside the menu, it works.</span>
  <button class="trashIcon" >&nbsp;</button>
  <br />
  <span>If I remove "top" and "left" from ui-menu ui-icon in the css it fixes it.
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers