Element not visible Error but seen on the browser clearly

I have been doing on protractor to test some apps from end user perspective and I have got this error 'ElementNotVisibleError: Element is not currently visible and so may not be interacted with...' I have test first if the element is visible or not and the test said the element is not visible. But I see the element displayed on the browser and intractable. So anybody can help me to solve out this problem please?