# Headless Element not visible

**URL:** <https://forum.katalon.com/t/headless-element-not-visible/7217>\
**Category:** Miscellaneous\
**Created:** [October 18, 2017, 8:42am UTC](https://forum.katalon.com/t/headless-element-not-visible/7217 "2017-10-18T08:42:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![peter.vanco](https://avatars.discourse-cdn.com/v4/letter/p/c77e96/32.png) [@peter.vanco](https://forum.katalon.com/u/peter.vanco)\
**Post date:** [October 18, 2017, 8:42am UTC](https://forum.katalon.com/t/headless-element-not-visible/7217/1 "2017-10-18T08:42:59Z")

</div>

Hi,  
my test case is working if I run it with firefox, but with headless it cant click on the element, because it is not visible.

---

<div class="post-metadata">

**Author:** ![Rudianto\_Thong](https://avatars.discourse-cdn.com/v4/letter/r/df788c/32.png) [@Rudianto\_Thong](https://forum.katalon.com/u/Rudianto_Thong)\
**Post date:** [April 27, 2018, 5:33am UTC](https://forum.katalon.com/t/headless-element-not-visible/7217/2 "2018-04-27T05:33:30Z")

</div>

Hi all,

I got same issue with this one.  
TestObject was found in both Chrome and Chrome headless but  
Click only works in Chrome but not in Chrome headless.

Unable to click on object ‘’ (Root cause: org.openqa.selenium.ElementNotVisibleException: element not visible

Would be very helpful if someone can give any hints.

Thank you.

---

<div class="post-metadata">

**Author:** ![Rudianto\_Thong](https://avatars.discourse-cdn.com/v4/letter/r/df788c/32.png) [@Rudianto\_Thong](https://forum.katalon.com/u/Rudianto_Thong)\
**Post date:** [April 27, 2018, 5:46am UTC](https://forum.katalon.com/t/headless-element-not-visible/7217/3 "2018-04-27T05:46:29Z")

</div>

Hi all,

sorry, I just found out the root cause.

For me, this was because the default windows size of Chrome Headless was 800x600 , and the button was not shown in this resolution.

I’m changing it by adding argument --window-size while running it and everything goes as expected.

> **[Headless Browsers Execution in Katalon Studio](https://docs.katalon.com/katalon-studio/tutorials/headless_browsers_execution.html)**
>
> Katalon supports Headless Browsers (Chrome & Firefox) which can save project team tremendous amount of time and smoothly integrate in the CD/CI process.

Thank you

---

<div class="post-metadata">

**Author:** ![Tyler\_Prada](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/tyler_prada/32/413_2.png) [@Tyler\_Prada](https://forum.katalon.com/u/Tyler_Prada)\
**Post date:** [April 27, 2018, 6:32pm UTC](https://forum.katalon.com/t/headless-element-not-visible/7217/4 "2018-04-27T18:32:07Z")

</div>

If the resolution is an issue you can use a built in function. I have had some issues before when the window was not maximized. You can simply use WebUI.MaximizeWindow() Hope this will help!

---

<div class="post-metadata">

**Author:** ![Luis\_alberto\_guzman2](https://avatars.discourse-cdn.com/v4/letter/l/0ea827/32.png) [@Luis\_alberto\_guzman2](https://forum.katalon.com/u/Luis_alberto_guzman2)\
**Post date:** [April 27, 2018, 8:49pm UTC](https://forum.katalon.com/t/headless-element-not-visible/7217/5 "2018-04-27T20:49:53Z")

</div>

set a “delay” or “wait for element visible”