Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  <script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
  <script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
</head>
<body>
  <script type="text/x-handlebars" data-template-name="index">
  <h2>Action handler bug</h2>
   
  <p>Try two things:</p>
  <ol>
    <li>
      Click the hide button, notice that there is no error 
      in the console. Everything works fine.
    </li>
    <li>
      Click the text field, press tab to move focus to the button,
      activate/press using your keyboard (“space” on Chrome OS X).
      Notice the <strong>“Cannot read property ‘handler’ of undefined”</strong> error 
      in the console.
    </li>
  </ul>
  
  <br><br>
  
   {{#view App.IndexView}}
   
     {{#unless controller.concealed}}
       {{#view App.ChildView}}
         <p>ChildView is visible.</p>
         <input type='text'>
         <button {{action 'conceal'}} href='#'>
           hide
         </button>
       {{/view}}
     {{/unless}}
     
   {{/view}}
   
</script>
​
</body>
</html>
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers