angularjs - UnknownError: unknown error: Element is not clickable at point (713, 6). Other element would receive the click: <div class="container">...</div> -

i getting weird error. in test, first navigate angularjs.org. sendkeys() input field called "javascript projects" has filters in it. after click checkbox , mark todo item done. however, on doing this, error,

unknownerror: unknown error: element not clickable @ point (713, 6). other element receive click: ... (session info: chrome=43.0.2357.81)

if reverse order of execution above, no error occurs.

here code

var util = require ('util'); describe ("page object text", function() { var homepage = require('../pages/angularjs_page.js'); ("should mark item done", function() {     homepage.get();     browser.sleep(2000);     homepage.searchtext('jquery');     homepage.markdonetodo(0); });   }); 

here page object code:

var angularjs_page = function() {     this.get = function() {         browser.get('http://www.angularjs.org');     };     this.markdonetodo = function(index) {         element.all(by.repeater('todo in todolist.todos'))             .get(index)                 .element(by.model('todo.done'))                     .click();     };     this.searchtext = function(txt) {         element(by.model('projectlist.search')).sendkeys(txt);     }; }; module.exports = new angularjs_page(); 

maximizing browser window did not work. sleep() not seem causing issue. inserting sendkey() method in between works fine.

browser.sleep(2000);     homepage.searchtext('jquery');     homepage.entername("hello world");     homepage.markdonetodo(0); 

so, wrong executing searchtext() , markdonetodo() methods in sequence?

problem found turns out static top navigation menu bar overlapping checkboxes. scrolling best way solve it, , how?

using scroll solved problem.

browser.executescript('window.scrollto(0,document.body.scrollheight)');