The div katalon-*_elementInfoDiv covers up buttons in UI.

Using 5.5 version here:

5.5.png

Vinh Nguyen said:

cameron said:

vinh nguyen said:

This issue will be fixed in our next release 5.7 which will show element’s locator info at the bottom when you hover on top elements on your current AUT, so please wait until there . Thanks for your information and finding, right now the current workaround is using Russ’s solution.

This might solve this current issue but we also have items at the bottom of the screen. This solution might unblock me but will not solve the issue. The div itself is not needed for all users and should be able to be toggled off.

No in this case the locator will be shown on top again. In the meanwhile, you can use our version 5.5 which has this implementation :), looks like this is unexpected change from 5.6. Here is the link for it:
http://download.katalon.com/5.5.0/Katalon\_Studio\_Windows_64-5.5.zip
http://download.katalon.com/5.5.0/Katalon\_Studio\_Windows_32-5.5.zip

Version 5.5 use above implementation for displaying element’s locator, so you won’t observe issues with top elements using 5.5

First part:
Im on OSX If possible I will give it a try.

Second part:
Like I said before, If the div is on the bottom of page it may cause issues aswell. Just because the div is showing up on the bottom it will not reduce the issue that the div itself can cover up objects on the screen causing them to be unusable.

cameron said:

Vinh Nguyen said:

cameron said:

vinh nguyen said:

This issue will be fixed in our next release 5.7 which will show element’s locator info at the bottom when you hover on top elements on your current AUT, so please wait until there . Thanks for your information and finding, right now the current workaround is using Russ’s solution.

This might solve this current issue but we also have items at the bottom of the screen. This solution might unblock me but will not solve the issue. The div itself is not needed for all users and should be able to be toggled off.

No in this case the locator will be shown on top again. In the meanwhile, you can use our version 5.5 which has this implementation :), looks like this is unexpected change from 5.6. Here is the link for it:
http://download.katalon.com/5.5.0/Katalon\_Studio\_Windows_64-5.5.zip
http://download.katalon.com/5.5.0/Katalon\_Studio\_Windows_32-5.5.zip

Version 5.5 use above implementation for displaying element’s locator, so you won’t observe issues with top elements using 5.5

First part:
Im on OSX If possible I will give it a try.

Second part:
Like I said before, If the div is on the bottom of page it may cause issues aswell. Just because the div is showing up on the bottom it will not reduce the issue that the div itself can cover up objects on the screen causing them to be unusable.

Here is the link for macOS version:
http://download.katalon.com/5.5.0/Katalon_Studio.dmg

Well just go ahead and try with it. The div is shown there but you can interact with the elements, it does not hide or cover bottom elements, instead, that div will be moved automatically.

Just trying to point out to you the issue here I have a icon in the bottom corner of the page. Can you explain to me how it is not going to be covered up in the next release?

Screen Shot 2018-08-29 at 1.14.26 PM.png

Vinh Nguyen said:

cameron said:

Vinh Nguyen said:

cameron said:

vinh nguyen said:

This issue will be fixed in our next release 5.7 which will show element’s locator info at the bottom when you hover on top elements on your current AUT, so please wait until there . Thanks for your information and finding, right now the current workaround is using Russ’s solution.

This might solve this current issue but we also have items at the bottom of the screen. This solution might unblock me but will not solve the issue. The div itself is not needed for all users and should be able to be toggled off.

No in this case the locator will be shown on top again. In the meanwhile, you can use our version 5.5 which has this implementation :), looks like this is unexpected change from 5.6. Here is the link for it:
http://download.katalon.com/5.5.0/Katalon\_Studio\_Windows_64-5.5.zip
http://download.katalon.com/5.5.0/Katalon\_Studio\_Windows_32-5.5.zip

Version 5.5 use above implementation for displaying element’s locator, so you won’t observe issues with top elements using 5.5

First part:
Im on OSX If possible I will give it a try.

Second part:
Like I said before, If the div is on the bottom of page it may cause issues aswell. Just because the div is showing up on the bottom it will not reduce the issue that the div itself can cover up objects on the screen causing them to be unusable.

Here is the link for macOS version:
http://download.katalon.com/5.5.0/Katalon_Studio.dmg

Well just go ahead and try with it. The div is shown there but you can interact with the elements, it does not hide or cover bottom elements, instead, that div will be moved automatically.

As pointed out above with the image shown the div covers parts of the screen that are on the bottom.

If you hover mouse on that icon then the div will be shown on top,that button still can be clicked

1 Like

Russ Thomas said:

Actually, the fix is probably very easy:

// Assuming that's an ID ...

#katalon-rec_elementInfoDiv:hover {
display:none;
}


EDIT:

Actually, thinking about it more, I would prefer to manage pointer-events since this would allow the div to remain stationary:

  

#katalon-rec_elementInfoDiv:hover {
pointer-events:none;
}


Setting pointer-events to none will allow mouse/touch events to "pass through" an element and be registered at the elements behind/beneath it.  

Hi,

The div has been adjusted to be the same as 5.5 in 5.6.3 version.

Regards

Hello guys, can i know if this issue was addressed in resents versions??, because I just started using it, and i need running pretty well to convince my dev boss that this is the tool that will make us transition from manual QA to automation, Im using version 6.2 and i keep experiencing an issue with this div, blocking me from click anything while im on recording mode, tho i was able to address it adding “height:0px” to the styling part (front-end dev helped :wink:) and then tweak the manual steps if need it, but i was wondering if it was a more permanent fix for it, thanks so much :smiley: :smiley:

Hi @wendy.valles

How does it block you from clicking on anything ? Isn’t the div quiet small ?

Hi Thanh :smiley: thanks so much for the quick reply, hope you are having a nice day

So I attached two images, the first one is right after I run the recorder, and the second one is right after I change the style, on the first one you will be clearly able to see that the entire UI is blocked by the div, as soon as I add the change the UI gets unlocked and I am able to continue with my recording and it will behave accordingly and will replay without any problem, the issue is every time I launch the recorder I will have to change this manually which it gets pretty annoying, since our application is quite big.


This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.